js 函数内部属性

206 阅读2分钟

arguments

类数组对象,包含着传入函数的所有参数,(它不是array的实例) 属性: callee 该属性是一个指针,指向拥有这个arguments对象的函数

function factorial(num){
    if(num<=1){
        return 1;
    } else{
        return num*factorial(num-1); // 3628800
    }
}
var a = factorial  // a指针指向factorial
factorial = function(){   
	return 0;
}
a(10);  // 0
factorial(10); // 0

上面代码函数要有名字,而且名字以后也不会变的情况下。这样定义没有问题,但是问题这个函数的执行与函数名factorial,耦合在了一起了为了消除这种紧密耦合现象,使用arguments.callee

function factorial(num){
    if(num<=1){
        return 1;
    } else{
        return num* arguments.callee(num-1); // 3628800
    }
}
var a = factorial  // a指针指向factorial的原型
factorial = function(){   //解除上面的指针指向,指向匿名函数
	return 0;
}
a(10);  // 3628800
factorial(10); // 0

在严格模式下,未指定环境对象而调用函数,则this值不会转型为window。除非明确把函数添加到某个对象或者调用apply()和call ()或者this值将会是undefined

apply

在特定的作用域中调用函数,实际上等于设置函数体的this对象的值 两个参数:一个是其中运行函数的作用域,另外一个是参数数组,(可以是array的实例,也可以是arguments对象)

function sum (num1,num2){
    return num1+ num2;
}
function callSum1(num1,num2){
    return sum.apply(this,arguments);  //传入 arguments对象
}
function callSum2(num1,num2){
    return sum.apply(this,arguments);  //传入 arguments对象
}
alert(callSum1(10,10)); 20
alert(callSum2(10,30));  40

call

在特定的作用域中调用函数,实际上等于设置函数体的this对象的值 两个参数:第一个参数this值,第二其余参数都直接传给函数(给函数传递参数必须逐个传递)

function sum (num1,num2){
    return num1+ num2;
}
function callSum(num1,num2){
    return sum.apply(this,num1,num2); 
}
alert(callSum(10,10));  //20

bind

该方法会创建一个函数的实例,其中this值会被绑定到传给bind函数的值

window.color = "red";
var o = {color : "blue"};
function sayColor(){
    alert(this.color);
}
var obj = sayColor.bind(o)
obj() //blue