apply() / call() / bind()

　　JavaScript 中的函数也是对象，因此函数也有属性和方法。

 

　　每个函数都包含两个属性：length 和 prototype。其中，length 属性表示函数希望接收的命名参数的个数，prototype属性指向通过调用构造函数而创建的那个对象实例的原型对象。

 

　　每个函数都包含两个非继承而来的方法：apply()和 call()。这两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内 this 对象的值。首先，apply()方法接收两个参数：一个是在其中运行函数的作用域，另一个是参数数组。其中，第二个参数可以是 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, [num1, num2]); // 传入数组 }

alert(callSum1(10,10)); //20

alert(callSum2(10,10)); // 20

 

　　在上面这个例子中，callSum1()在执行sum()函数时传入了this作为this值（因为是在全局作用域中调用的，所以传入的就是window对象）和arguments对象。而callSum2同样也调用了sum()函数，但它传入的则是this和一个参数数组。这两个函数都会正常执行并返回正确的结果。 

　

　　call()方法与apply()方法的作用相同，它们的区别仅在于接收参数的方式不同。对于call()方法而言，第一个参数是this值没有变化，变化的是其余参数都直接传递给函数。换句话说，在使用call()方法时，传递给函数的参数必须逐个列举出来，如下面的例子所示。
　　

function sum(num1, num2){ return num1 + num2; } 

function callSum(num1, num2){ return sum.call(this, num1, num2); } 

alert(callSum(10,10)); //20

 

　　在使用call()方法的情况下，callSum()必须明确地传入每一个参数。结果与使用apply()没有 什么不同。至于是使用apply()还是call()，完全取决于你采取哪种给函数传递参数的方式方便。 如果你打算直接传入arguments对象，或者包含函数中先接收到的也是一个数组，那么使用apply()肯定更方便；否则，选择call()可能更合适。（在不给函数传递参数的情况下，使用哪个方法都无所谓。） 事实上，传递参数并非apply()和call()真正的用武之地；它们真正强大的地方在于能够扩充函数赖以运行的作用域。下面来看一个例子。

　　

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

 

　　使用call()或apply()来扩充作用域的好处就是对象不需要与方法有任何耦合关系。

 

------------------------------------------------------------    分  割  线    -------------------------------------------------------------------------

 

　　ECMAScript 5还定义了一个方法：bind()。这个方法会创建一个函数的实例，其this值会被绑定到传给 bind()函数的值。例如：

 　　

window.color = "red";

var o = { color: "blue" };

function sayColor() { alert( this.color ); }

var objectSayColor = sayColor.bind(o);

objectSayColor(); // blue

 

　　在这里，sayColor()调用bind()并传入对象o，创建了objectSayColor()函数。objectSayColor()函数的this值等于 o，因此即使是在全局作用域中调用这个函数，也会看到"blue"。

　　支持 bind()方法的浏览器有 IE9+、Firefox 4+、Safari 5.1+、Opera 12+和 Chrome。

 

 　　本文摘自《JavaScript高级程序设计（第3版）》第5章