笔记——Function类型 及其 call、apply方法

每个函数都是Function类型的实例。函数有三种定义方式和两个内部属性arguments和this。

同时函数也是对象，也有属性和方法。本篇主要其call()和apply()方法

属性

1. length 表示该函数希望接受的命名参数的个数
2. prototype 保存引用类型的实例方法。这个大强大功能是实现继承。下篇文章会讲到。

方法

call() 和 apply()

这两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内this对象的值。这便是它的强大的之处：扩充函数赖以运行的作用域。

window.color = 'red';
var obj = {color:'blue'};

function add(n1,n2){
    console.log(this.color);
}
add();              //red, 这时的this是window
add.call(window);   //red
add.call(obj);      //blue, 此时this指向了obj

看明白了上面的例子，我们再来一个进阶的

function add(n1,n2){
	debugger;
    console.log(this.color);
    alert( n1 + n2 );
}
add.color ='yellow';

 function sub(n1,n2){
	 debugger;
     console.log(this.color);
     alert( n1 - n2 );
}
sub.color ='orange';
/*
在sub的作用域中调用add方法，实际上是改变了this的值。所以 add方法中的 console.log(this.color) 中的this是sub的作用域
*/

// 值为3, 是因为调用的是add的call属性.debugger会进add方法
add.call(sub,1,2);  //3, orange;
add.apply(sub,[1,2]); //3, orange;

通过上面的例子，我们也可以看到call()与apply()方法的作用是相同，不同之处在于接收参数的方式不同。call()方法需要明确的传入每个参数，而apply()方法只需输入一个数组。