如何理解js中的call及apply

叁歲伎倆 2022-07-18 01:58 83阅读 0赞

## call和apply ##

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

两者作用一致，都是把`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，我们可以实现对象继承。示例：

var Parent = function(){
        this.name = "yjc";
        this.age = 22;
    }
    
    var child = {};
    
    console.log(child);//Object {} ,空对象
    
    Parent.call(child);
    
    console.log(child); //Object {name: "yjc", age: 22}

以上实现了对象的继承。

## 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绑定到全局对象。

发表评论取消回复

表情：

评论列表（有 0 条评论，83人围观）

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

相关阅读

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

总结 call()、apply()和bind()都是用来改变函数执行时的上下文，可借助它们实现继承；call()和apply()唯一区别是参数不一样，call()是app

àì夳堔傛蜴生んèń/ 2023年08月17日 16:53/ 0 赞/ 80 阅读

相关 this call() apply()理解

今天根据大神的讲解，我来总结一下最近有关JS的一些问题首先是this问题，一直困扰着我。今天看了大神的文章我先记下我的理解 this 就是函数据以执行的环境对象。。。

小鱼儿/ 2022年08月02日 15:57/ 0 赞/ 152 阅读

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

call和apply obj.call(thisObj, arg1, arg2, ...); obj.apply(thisObj, [arg1, arg2

叁歲伎倆/ 2022年07月18日 01:58/ 0 赞/ 84 阅读

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

call、apply和bind：三者作用一致（都是改变函数的this指向），只是使用的方法不同而已。 apply 、 call 、bind 三者都是用来改变函数的thi

叁歲伎倆/ 2022年05月30日 09:59/ 0 赞/ 214 阅读

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

call和apply obj.call（thisObj,arg1,arg2,...）; obj.apply(thisObj,\[arg1,arg2,arg3,...\]

今天药忘吃喽~/ 2022年05月21日 01:57/ 0 赞/ 83 阅读

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

文章目录 call、apply 一、作用二、区别 bind 一、作用

爱被打了一巴掌/ 2022年04月23日 11:24/ 0 赞/ 166 阅读

相关 JS中的call、apply和bind

call、apply和bind是Function对象的三个方法，主要作用是改变函数this的指向。第一个参数为this所指向的对象，就是函数的上下文。后续参数为传入函数的参数。

谁借莪１个温暖的怀抱￠/ 2022年04月22日 14:12/ 0 赞/ 192 阅读

相关在js中call()、apply()与bind()的理解分析

一、call() 方法 1. call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。 2. 语法格式 `fun.call(t

女爷i/ 2022年01月27日 12:25/ 0 赞/ 204 阅读

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

概述 JS中的 call，apply 和 bind 是 Function.prototype 下的方法，都是用于改变函数执行时的上下文。最终的返回值是你调用的方法

墨蓝/ 2021年09月19日 02:06/ 0 赞/ 310 阅读

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

在 javascript 中，call、apply、bind 都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。

小灰灰/ 2020年04月21日 02:00/ 0 赞/ 918 阅读