理解JS的函数(Function)基础

基本组成

理解参数

注意

定义函数的两种方式

函数声明提升

函数表达式

递归函数中使用argumentscallee

基本组成

js函数使用function关键字来声明，后跟一组参数以及函数体。函数在定义时不必指定是否返回值。实际上，任何函数在任何时候都可以通过return语句后跟要返回的值来实现返回值。

return语句可以不带任何返回值，此时函数在停止执行后返回undefined值

理解参数

js函数不在意会传递进来多少参数，也不在乎传进来的参数是什么数据类型。即便定义的函数只接收两个参数，在调用的时候也未必一定要传递两个参数

之所以会不在乎参数，是因为js中的参数在内部是用一个数组来表示的，函数接收的始终是这个数组，而不关心数组中包含哪些参数。实际上，函数体也可以通过arguments对象来访问这个参数数组，从而获取传递给函数的每一个参数——即js函数有一个特点：“命名的参数只是提供便利，但不是必须的”,arguments的值永远与对应命名参数的值保持同步

其实，arguments对象只是与数组类似（它并不是Array的实例），可以使用[]括号访问它的每一个元素，用length属性来确定传递进来多少个参数

function sayHello(){
alert("Hello," + arguments[0] + "," + arguments[1]);
}

function howManyArgs(){
alert("the args are: " + arguments.length);
}

function add(num1,num2){
if(arguments.length === 1){
console.log(num1 + 10);
}else if(arguments.length === 2){
console.log(num1 + num2);
}else{
console.log("参数过多");
}
}

注意：

js函数没有重载

定义函数的两种方式：

函数声明；

function functionName(arg0,arg1){
//函数体
}

2.函数表达式；

var functionName = function(arg0,arg1){
//函数体
}

函数声明提升

函数声明提升的意思是在执行代码之前会先读取函数声明，这意味着可以把函数声明放在调用它的语句之后

sayHello();
function sayHello(){
console.log("hello")；
}

函数表达式

函数表达式的形式很像变量赋值语句，即创建一个函数并将它赋值给变量，这时创建的函数叫做匿名函数，匿名函数的name属性时空字符串。

var sayHi;
if(condition){
sayHi = function(){
console.log("Hi,are you OK");
}
}else{
sayHi = function(){
console.log("Hi,you ar so good");
}
}

递归函数中使用arguments.callee

function factorial(num){
if(num <= 1){
return 1;
}else {
return num * arguments.callee(num - 1);
}
}

注意：

argument.callee是一个指向正在执行的函数的指针，因此可以用它来实现对函数的递归调用。

在严格模式下，argument.callee访问这个属性会出现错误。因此，比较好的方法是可以使用命名函数表达式来达成相同的结果：

var factorial = (function f(num){
if(num <=1){
return 1;
}else{
return num*(f(num-1));
}
});
facftorial(3);

详细教程参见：对js中的引用类型的理解（4）——Function类型