call()、apply()、bind()

1.均可以改变函数的执行上下文，也就是this值；

2.call()  apply()

function apply(num1, num2){
    return sum.apply(this, [num1，num2]);
    }
function call(num1, num2){
    return sum.call(this, num1, num2);
    }

 

参数的第一部分：执行上下文，就是this；

参数的第二部分：需要传递的参数，可以是一个，也可以为多个；

apply第二部分需要的是一个数组作为参数；

call第二部分的参数是数组里面的元素，需要一个一个传，用逗号隔开；

但是第二部分均可以传arguments;

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

 

 var a = {
       user:"zhangsan",
       fn:function(){
         console.log(this);//Window {speechSynthesis: SpeechSynthesis, caches: CacheStorage, localStorage: Storage, sessionStorage: Storage, webkitStorageInfo: DeprecatedStorageInfo…}
     }
 }
 var b = a.fn;
 b.apply(null);

3.bind()

属于es5中的方法，也是用来实现上下文绑定，但是它是新创建一个函数，称为绑定函数，然后把它的上下文绑定到bind()括号中的参数上，然后将它返回；

4.bind()与call()、apply()最大的区别：bind()不会立即调用，需要加上()来执行，其他两个会直接调用；

bind方法可以让对应的函数想什么时候调就什么时候调用，并且可以将参数在执行的时候添加,视情况而定。

---

 

1.第一个参数均是this要指向的对象；

2.都是用来改变函数this对象的指向；

3.都可以继续传递参数.

 

看代码：

var person = {
    name: 'zhangsan',
    sex: '男',
    say: function(){
        console.log(this.name + ',' + this.sex);
    }
}
var other = {
    name: 'lili',
    sex: '女',
}
person.say.call(other);//lili,女
person.say.apply(other);//lili,女
person.say.bind(other)();//lili,女

带参数形式：

var person = {
    name: 'zhangsan',
    sex: '男',
    say: function(school,grade){
        console.log(this.name + ',' + this.sex + ';' + school + grade);
    }
}
var other = {
    name: 'lili',
    sex: '女',
}
person.say.call(other,'北京大学','2');//lili,女;北京大学2
person.say.apply(other,['清华大学','3']);//lili,女;北京大学3
person.say.bind(other,'南开大学',4)();//lili,女;北京大学4