JavaScript函数内部属性与apply/call方法详解

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