javascript中的函数
函数对任何语言来说都是一个核心的概念。通过函数可以封装任意多条语句,而且可以在任何地方、任何时候调用执行。在ECMAScript中,Function(函数)类型实际上是对象。每个函数都是Function类型的实例,而且都与其他引用类型一样具有属性和方法。由于函数是对象,因此函数名实际上也是一个指向函数对象的指针。
一.函数的声明方式
1.普通的函数声明
function box(num1,num2){return num1+ num2;}
2.使用变量初始化函数
var box= function(num1,num2){return num1 + num2;};
3.使用Function构造函数
var box= new Function('num1','num2','return num1 + num2');
第三种方式我们不推荐,因为这种语法会导致解析两次代码(第一次解析常规ECMAScript代码,第二次是解析传入构造函数中的字符串),从而影响性能。但我们可以通过这种语法来理解"函数是对象,函数名是指针"的概念。
ECMAScript中的函数,重复声明名称相同的函数会执行最后一次声明的函数。
ECMAScript中的函数是对象,因此函数也有属性。每个函数都包含length属性,表示函数希望接收的命名参数的个数。
二.return返回值
带参和不带参的函数,都没有定义返回值,而是调用后直接执行的。实际上,任何函数都可以通过return语句跟后面的要返回的值来实现返回值。
return语句还有一个功能就是退出当前函数,注意和break的区别(break用在循环和switch分支语句里)。
三.arguments对象
ECMAScript函数不介意传递进来多少参数,也不会因为参数不统一而错误。函数体内可以通过arguments对象来接收传递进来的参数。arguments会以数组的形式保存函数的传入参数,如arguments[0]表示第一个传入的参数,arguments[1]表示第二个,以此类推。arguments对象的length属性可以得到参数的数量,利用length这个属性,来智能的判断有多少参数,然后把参数进行合理的应用。
arguments对象还有一个名叫callee的属性,该属性是一个指针,指向拥有这个arguments对象的函数:
function box(num){
if (num <= 1){return 1;}
else {return num * box(num-1);}
}
上例中阶乘函数用到了递归算法,所以函数内部一定会调用自身;如果函数名不改变是没有问题的,但一旦改变函数名,内部的自身调用需要逐一修改。为了解决这个问题,我们可以使用arguments.callee来代替。
function box(num) {
if (num <= 1) {return 1;}
else {return num * arguments.callee(num-1);}//使用callee来执行自身
}
四、rest 参数
ES6引入rest参数(形式为...变量名),用于获取函数的多余参数,这样就不需要使用arguments对象了。
rest参数变量是一个数组,该变量将多余的参数放入数组中。
function add(...values) { let sum = 0; for (var val of values) { sum += val; } return sum; } 上例中变量values就表示所有的传入参数组成的数组