call、bind、apply 的用法和区别

call、apply、bind 的作用是改变函数运行时 this 的指向。
所以先说清楚 this。
以下是函数的调用方法：
一、方法调用模式：
当一个函数被保存为对象的一个方法时，如果调用表达式包含一个提取属性的动作，那么它就是被当做一个方法来调用，此时的 this 被绑定到这个对象。

var a=1;
var obj1={
	a:2,
	fn:function(){
		console.log(this.a);
	} 
}
obj1.fn();//2

此时的 this 是指 obj1 这个对象，obj1.fn()实际上是 obj1.fn.call(obj1)。事实上，谁调用这个函数，this 就是谁。补充一下，DOM 对象绑定事件也属于方法调用模式，因此它绑定的 this 就是事件源 DOM 对象。如下列代码：

document.addEventListener(‘click’,function(e){
	console.log(this);
	setTimeout(function(){
		console.log(this);
	},200);
},false);

点击页面，依次输出：document 和 window 对象
解析：点击页面监听 click 事件属于方法调用，this 指向事件源 DOM 对象， 即 obj.fn.apply(obj)，setTimeout 内的函数属于回调函数，可以这么理解：
f1.call(null,f2)，所以 this 指向 window。

二、函数调用模式
就是普通函数的调用，此时的 this 被绑定到 window
1—最普通的函数调用
function fn1(){
console.log(this);//window
}
fn1();
2—函数嵌套
function fn1(){
function fn2(){
console.log(this);//window
}
fn2()
}
fn1();
3—把函数赋值以后再调用

三、构造器调用模式
call 方法第一个参数是要绑定给 this 的值，后面传入的是一个参数列表。当第一个参数为 null、undefined 的时候，默认指向 window。

• bind 是返回对应函数，便于稍后调用，apply、call 是立即调用
• call 的第二部分参数要一个一个传，apply 要把这些参数放到数组中（call将一个数组拍平，apply将一些数据合成一个数组）