call()、apply()、bind() 的用法和区别

call()、apply()、bind() 都可以改变this的指向，但是在使用的过程中也存在一些区别。
eg：

var aa = 1,bb=2;
function obj(){
    return this.aa+this.bb
}
obj.call()  //3
var aa = 1,bb=2;
function obj(){
    return this.aa+this.bb
}
var cc={aa:3,bb:4}
console.log(obj.call(cc)) //7
console.log(obj.apply(cc))//7
console.log(obj.bind(cc)) //obj(){return this.aa+this.bb}
console.log(obj.bind(cc)())//7

通过上面的例子可以看到call()、apply()、bind() 都改变了this的指向，但是bind()返回的是一个函数，所以需要再次调用才会返回结果。

再通过传参看下三者的区别

var aa = 1,bb=2;
function obj(num1,num2){
    return this.aa+this.bb + num1 + num2
}
var cc={aa:3,bb:4}
console.log(obj.call(cc,1,2))   //10
console.log(obj.apply(cc,[1,2])) //10
console.log(obj.bind(cc,1,2)()) //10

call()、apply()、bind() 传参是不同的，第一个参数都是改变this的指向，apply()第二个参数需要传入一个数组，call(),bind()直接把参数罗列就可以了。
通过测试applay()罗列参数的形式会直接报错。

这是我通过测试学到的一些用法和区别，欢迎交流。