本文深入解析JavaScript函数的核心特性，重点讲解arguments对象中callee属性的递归应用及陷阱，以及length属性。详细对比apply与call方法在参数传递和作用域绑定上的异同，通过代码示例展示如何利用这两个方法改变函数执行时的this指向，帮助开发者掌握函数的高级用法。
JavaScript函数内部属性与arguments对象
1. 函数内部属性 arguments
arguments 对象用于保存函数的所有参数，其中 arguments.callee 属性指向拥有该 arguments 对象的函数本身。
代码如下：
//阶乘
function factorial(num) {
if (num <= 1) {
return 1;
} else {
return num*arguments.callee(num-1); //用agreements.callee代替
}
}
var trueFactorial = factorial;
factorial = function {
return 0;
}
alert(trueFactorial(5)); //20
alert(factorial(5)); //0函数的length属性
2. 函数的属性和方法
length 属性表示函数定义时声明的参数个数。
apply与call方法的作用域与参数传递
3. apply()和call()方法
apply() 和 call() 方法的主要作用是传递参数或扩充函数的作用域。
代码如下：
//传递参数
function sum(num1,num2) {
return num1+num2;
}
function callSum(num1,num2) {
return sum.call(this,num1,num2); //第一个参数this,后面列举所有参数
}
alert(callSum(10,10)); //20
function calSum1(num1,num2) {
return sum.apply(this,arguments); //第一个参数this,第二个参数arguments
}
function calSum2(num1,num2) {
return sum.apply(this,[num1,num2]); //第一个参数this,第二个参数是参数数组
}
alert(callSum1(10,10)); //20
alert(callSum2(10,10)); //20代码如下：
//改变函数作用域
window.color = "red";
var o = { color:"blue"};
function sayColor() {
alert(this.color);
}
sayColor(); //red
sayColor.call(this); //red
sayColor.call(window);//red
sayColor.call(o); //blue