JS改变this指向的三种方法

1.call()

第一个参数：this指向
如果要传参，后面依次是参数，例：

function fn(x,y){
   console.log(this);  
   console.log(this.name);
}
var obj = {
   name:"zs"
}
fn(1,2);	
fn.call(obj,1,2);

这样一来把this由原来的window对象转变成obj对象了

2.apply()

与第一种方法不同的是，用数组的形式表示参数

function fn(x,y){
   console.log(this);  
}
var obj = {
   name:"zs"
}
fn(1,2);	//这里执行输出的this是window全局对象
fn.apply(obj,[1,2]);	//把函数绑定到对象后输出的this就是对象了

这样一来把this由原来的window对象转变成obj对象了

3.bind()

bind 只改变this指向，不会调用函数（call和apply都会）

function fn(x,y){
   console.log(this);  
   console.log(this.name)
}
var obj = {
   name:"zs"
}
fn(1,2);
fn.bind(obj,1,2)();

这样一来把this由原来的window对象转变成obj对象了

call和apply的区别：

call（）方法和apply（）方法的作用相同，他们的区别在于接收参数的方式不同。对于call（），第一个参数是this值没有变化，变化的是其余参数都直接传递给函数。（在使用call（）方法时，传递给函数的参数必须逐个列举出来。使用apply（）时，传递给函数的是参数数组）如下代码做出解释：

function add(c, d){
	return this.a + this.b + c + d;
}

var o = {a:1, b:3};

add.call(o, 5, 7); // 1 + 3 + 5 + 7 = 16

add.apply(o, [10, 20]); // 1 + 3 + 10 + 20 = 34