JavaScript中的call,apply,bind函数

参考http://web.jobbole.com/83642/

call,apply,bind三个函数，都是为了改变函数体内部的this指向而存在的，我所理解的是，改变调用这个函数的对象

Function.call(object,arguments[0],arguments[1]...)

Function.apply(object,arguments)

Function.bind(object,arguments[0],arguments[1]...)

要知道，如果一个对象中，不含有Function这个函数属性，那么它是不能调用这个函数的，所以如果我们不想将Function这个函数添加进object中，但是我们还希望object能够调用这个函数，那么我们采用call,apply,bind这三个函数来实现。

那么这三个函数有什么不同呢?

call,apply的作用相同，主要在于call需要将参数按次序传递进去，而apply的参数则应该是数组

那么对于这两个函数，如果参数数目不确定的话，那么apply函数显然更适用，如果参数数目确定的话，那么我们可以采用call函数

那为什么要出现bind函数呢

var obj = {
    x: 81,
};
 
var foo = {
    getX: function() {
        return this.x;
    }
}
 
console.log(foo.getX.bind(obj)());  //81
console.log(foo.getX.call(obj));    //81
console.log(foo.getX.apply(obj));   //81

我们可以发现，call,apply函数在改变this指向时立即执行函数，而bind函数则需要回调函数。

总结：

• apply 、 call 、bind 三者都是用来改变函数的this对象的指向的；
• apply 、 call 、bind 三者第一个参数都是this要指向的对象，也就是想指定的上下文；
• apply 、 call 、bind 三者都可以利用后续参数传参；
• bind 是返回对应函数，便于稍后调用；apply 、call 则是立即调用 。