apply() call() bind()区别总结

野性酷女 2022-05-14 00:12 406阅读 0赞

## apply() 、call() 、bind() ##

每个函数都包含两个非继承而来的方法：**apply() 和 call()**  
**用途：**都是在特定的作用域中调用函数，实际上等于设置函数体内this对象的值。

**apply()**  
apply()接收两个参数：一个是在其中运行函数的作用域（this），二是参数数组。  
其中第二个参数可以使Array的实例，也可以是arguments对象。

上述第一个参数this，因为是在全局作用域中调用的，所以传入的就是window对象。  
但是在严格模式下，未指定环境对象而调用函数，this的值不会转型为window。除非明确把函数添加到某个对象或者调用apply()或call()，否则this值将是undefined。  
![这里写图片描述][70]

**call()**  
call()和apply()方法的作用相同：改变某个函数运行时的上下文而存在的（即：改变函数内部this的指向）；区别在于：接受参数的方式不同，call()的第二个参数，必须将函数的参数逐个列举出来。

function sum(num1,num2) { 
          return num1+num2;
        }
        function callsum(num1,num2) { 
          return sum.call(this,num1,num2);
        }
        alert(callsum(10,10));   //20

如果没有参数，二者均可。

传递参数并非apply()和call()真正的用武之地，他们真正强大的地方是能够**扩充函数赖以运行的作用域。**

**bind()**  
bind()方法会创建一个函数的实例，其this的值会被绑定到传给bind()函数的值。

window.color = "red";
    var o = { color: "blue"};
    function sayColor(){ 
        alert(this.color);
    }
    var objectSayColor = sayColor.bind(o);    
    objectSayColor();     //blue

这里，sayColor()调用bind()并传入对象o，创建了objectSayColor()函数。objectSayColor()函数的**this值等于o**。因此这里即使在全局作用域中调用这个函数，结果还是“blue”。

**它们的区别**

**使用形式：**  
\- 函数.call(对象,arg1,arg2….)  
\- 函数.apply(对象，\[arg1,arg2,…\])  
\- var ss=函数.bind(对象,arg1,arg2,….)

**区别：**  
\- 主要是在于方法的实现形式和参数传递上的不同;  
\- bind与apply、call最大的区别就是：bind不会立即调用，其他两个会立即调用  
\- 如果多次调用bind，那么多出来的次数都是无效的

[70]: /images/20220514/315349a1449a40cf8dbbe4c639882cc5.png