JavaScript中call()、apply()、bind()方法特点讲解

在javascript中，每个对象中都会有一个apply()方法和一个call()方法

两者的相同之处：

两者作用是都可以替代另一个对象调用一个方法，将一个函数的上下文改变成由thisObj指向的新对象

当我们通过call和apply来this的指向时，不传任何参数，则默认为将this指向修改为windows，有参数时会指向第一个参数

两者不同之处：

apply最多只能有两个参数——新this对象和一个数组argArray。如果给该方法传递多个参数，则把参数都写进这个数组里面，当然，即使只有一个参数，也要写进数组里。如果argArray不是一个有效的数组或arguments对象，那么将导致一个TypeError。如果没有提供argArray和thisObj任何一个参数，那么Global对象将被用作thisObj，并且无法被传递任何参数。

call它可以接受多个参数，第一个参数与apply一样，后面则是一串参数列表。这个方法主要用在js对象各方法相互调用的时候，使当前this实例指针保持一致，或者在特殊情况下需要改变this指针。如果没有提供thisObj参数，那么 Global 对象被用作thisObj。

案例：

1. // apply()方法 
2. obj.apply(thisObj,['arg1', 'arg2']) 
3.  
4. // call()方法 
5. obj.call(thisObj,'arg1','arg2','arg3') 

以上thisObj继承了obj的属性和方法

1. // 例1： 
2. function add(j, k){ 
3.   return j+k; 
4. } 
5.  
6. function sub(j, k){ 
7.   return j-k; 
8. } 
9.  
10. // sub继承了add方法 
11. console.log(add(5,3)); //8 
12. console.log(add.call(sub, 5, 3)); //8 
13. console.log(add.apply(sub, [5, 3])); //8 
14.  
15. // add继承了sub方法 
16. console.log(sub(5, 3)); //2 
17. console.log(sub.call(add, 5, 3)); //2 
18. console.log(sub.apply(add, [5, 3])); //2 
19.  
20. // 例2： 
21. var person = function(){ 
22.   this.name = "Tom"; 
23.   this.age = 22; 
24. } 
25. var other = {}; 
26.  
27. console.log(other); // {} 
28. // other继承了person的属性 
29. person.call(other); 
30. console.log(other); // {name: "Tom", age: 22} 

bind绑定：

call()方法和apply()方法在绑定后会立即执行，而bind则不会立即执行

1. add.bind(sub, 5, 3); // 返回的是add方法函数本体 
2. add.bind(sub, 5, 3)(); // 8 

原文链接：https://www.toutiao.com/i6974295878005686788/