apply() call() bind()区别总结

apply() 、call() 、bind()

每个函数都包含两个非继承而来的方法：apply() 和 call()
用途：都是在特定的作用域中调用函数，实际上等于设置函数体内this对象的值。

apply()
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,[num1,num2]); //传入数组
    }
    alert(callsum1(10,10));   //20
    alert(callsum2(10,10));   //20

上述第一个参数this，因为是在全局作用域中调用的，所以传入的就是window对象。
但是在严格模式下，未指定环境对象而调用函数，this的值不会转型为window。除非明确把函数添加到某个对象或者调用apply()或call()，否则this值将是undefined。

call()
call()和apply()方法的作用相同：改变某个函数运行时的上下文而存在的（即：改变函数内部this的指向）；区别在于：接受参数的方式不同，call()的第二个参数，必须将函数的参数逐个列举出来。

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

如果没有参数，二者均可。

传递参数并非apply()和call()真正的用武之地，他们真正强大的地方是能够扩充函数赖以运行的作用域。

bind()
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”。

它们的区别

使用形式：
- 函数.call(对象,arg1,arg2….)
- 函数.apply(对象，[arg1,arg2,…])
- var ss=函数.bind(对象,arg1,arg2,….)

区别：
- 主要是在于方法的实现形式和参数传递上的不同;
- bind与apply、call最大的区别就是：bind不会立即调用，其他两个会立即调用
- 如果多次调用bind，那么多出来的次数都是无效的