如何更熟练的使用js中的call及apply及bind？

今天药忘吃喽~ 2022-05-21 01:57 121阅读 0赞

### call和apply ###

obj.call（thisObj,arg1,arg2,...）;

obj.apply(thisObj,\[arg1,arg2,arg3,...\]);

两者的作用一致，都是将obj（即this）绑定到thisObj上，这时候thisObj具备了obj的属性和方法，或者说thisObj继承了obj的属性和方法，绑定后立即执行函数。

唯一的区别是apply接受的是数组参数，call接受的是连续参数。

function add(j, k){
        return j+k;
    }
    
    function sub(j, k){
        return j-k;
    }

我们在控制台运行：

add(5,3); //8
    add.call(sub, 5, 3); //8
    add.apply(sub, [5, 3]); //8
    
    sub(5, 3); //2
    sub.call(add, 5, 3); //2
    sub.apply(add, [5, 3]); //2

### 调用原生对象的方法 ###

示例：

var a = {0:1, 1:"yjc", length: 2}; 
    
    a.slice(); //TypeError: a.slice is not a function
    
    Array.prototype.slice.call(a);//[1, "yjc"]

对象a类似array，但不具备array的slice等方法。使用call绑定，这时候就可以调用slice方法。

### 实现继承 ###

通过call和apply，我们可以实现对象继承。示例：

以上实现了对象的继承。

## bind的使用 ##

obj.bind(thisObj, arg1, arg2, ...);

把obj绑定到thisObj，这时候thisObj具备了obj的属性和方法。与call和apply不同的是，bind绑定后不会立即执行。

同样是add()和sub()：

add.bind(sub, 5, 3); //不再返回8
    add.bind(sub, 5, 3)(); //8

如果bind的第一个参数是null或者undefined，等于将this绑定到全局对象。

如何更熟练的使用js中的call及apply及bind？

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 JS中的call，apply和bind及记忆方式

相关 bind、call、apply 的区别、使用及实现

相关 JS中的call、apply、bind方法

相关如何理解js中的call及apply

相关 js中call、apply、bind的用法及区别

相关如何更熟练的使用js中的call及apply及bind？

相关 js中的call、apply、bind详解

相关 JS中的call、apply和bind

相关 JS中 call、apply 和 bind 的区别及应用

相关 js中call、apply、bind的区别