如何理解js中的call及apply

叁歲伎倆 2022-07-18 01:58 130阅读 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 条评论，130人围观）

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

相关阅读

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

转自[点击打开链接][Link 1] JS中的call、apply、bind方法一、call()和apply()方法 1.方法定义 call方法: 语法

梦里梦外;/ 2022年08月21日 02:17/ 0 赞/ 248 阅读

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

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

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

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

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

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

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

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

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

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

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

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

相关 JS中的call、apply和bind

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

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

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

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

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

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

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

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

相关 js中call()和apply()的使用

在讲解之前，因为call()和apply()方法的第一个参数传入的是一个对象，一般会用this表示引用对象，所以学习之前一定要先明白this的指向问题，关于this的指向问题，

雨点打透心脏的1/2处/ 2021年09月15日 03:48/ 0 赞/ 387 阅读

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

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

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