JS改变This指向的方法

一.This指向辩解

this的指向在函数定义的时候是确定不了的，只有运行后才能确定它到底指向谁，但一般情况下他最终指向的是那个调用它的对象。

所以，当他没有被上级调用的时候，那么它指向的是window（在严格版中的默认的this不再是window，而是underfined），如果被上级调用的话，那它指向的就是上一级的对象。

未被指向

 被指向

 二：改变this指向方法

第一种：call()

把b添加到第一个参数的环境中，简单来说，this就会指向那个对象，同时除第一参数还可添加多个参数：

var a = {
    user:"哈哈哈",
    fn:function(e,ee){
        console.log(this.user); //哈哈哈
        console.log(e+ee); //3
    }
}
var b = a.fn;
b.call(a,1,2);//若不用call，则b()执行后this指的是Window对象

第二种：apply()

apply方法和call方法有些相似，它也可以改变this的指向，也可以有多个参数，但是不同的是，第二个参数必须是一个数组：

//注意如果call和apply的第一个参数写的是null，那么this指向的是window对象

var a = {
    user:"哈哈哈",
    fn:function(e,ee){
        console.log(this.user); //哈哈哈
        console.log(e+ee); //11
    }
}
var b = a.fn;
b.apply(a,[10,1]);

第三种:bind()

返回的是修改后的函数，bind也可以有多个参数：

var a = {

        user:"哈哈哈",

        fn:function(){

        console.log(this.user); } 
}

var b = a.fn;

b.bind(a); //代码没有被打印

bind也可以有多个参数，并且参数可以执行的时候再次添加，但是要注意的是，参数是按照形参的顺序进行的：

var a = {
    user:"哈哈哈",
    fn:function(e,d,f){
        console.log(this.user); //哈哈哈
        console.log(e,d,f); //10 1 2
    }
}
var b = a.fn;
var c = b.bind(a,10);
c(1,2);

 总结call,applyh和bind的区别：call和apply都是改变上下文中的this并立即执行这个函数，bind方法可以让对应的函数想什么时候调就什么时候调用，并且可以将参数在执行的时候添加