apply, call与bind方法

ゝ一世哀愁。 2022-06-12 15:06 239阅读 0赞

## apply, call与bind方法 ##

它们的共同点是第一个参数都是this，即函数运行时依赖的上下文。

call最简单，等价于指定this值调用函数：

var user={
        name:"Rahul Mharea",
        yourName:function(){ 
            console.log(this.name);
        }
    };
    //this指user
    user.yourName();//Rahul Mharea
    var user2={
    name:"Neha Sample"
    };
    //此时this是指：指定this值调用的函数，
    //即：user2为this
    user.yourName.call(user2);//Neha Sample

apply和最大区别就在于指定参数：call方法使用参数列表（this,arg1,arg2）指定参数，而apply方法用用参数数组（this,\[arg1,arg2\]）指定参数。

var user={
        name:"Rahul Mharea",
        yourName:function(user1,user2){                    
            console.log(this.name+":"+user1+"/"+user2);
        }           
    };
    var user2={
        name:"Neha Sample"
    };
    user.yourName.call(user2,'Rose','Jack');
    user.yourName.apply(user2,['Rose','Jack']);

使用bind方法，可以为函数绑定this值，并作为一个函数返回。

var user={
        name:"Rahul Mharea",
        yourName:function(user){ 
            console.log(this.name+":"+user);
        }       
    };
    var nameHola = user.yourName.bind({name:'Hola'});
    var nameJhon = user.yourName.bind({name:'Jhon'});
    nameHola("ping");
    nameJhon("ping");

发表评论取消回复

表情：

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

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

相关阅读

相关 call、apply、bind

call、apply 假如有一个命名函数fn，有三种写法，都可以执行函数；但是call、apply可以改变this的指向。但如果函数中没有this，call、app

清疚/ 2023年07月06日 14:49/ 0 赞/ 88 阅读

相关 call apply bind

call 等可以使用在生命周期外面时 // 外面 function handleMaker(wait) { return thr

超、凢脫俗/ 2023年01月18日 04:11/ 0 赞/ 111 阅读

相关 call、apply、bind

在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处：都是用来改变函数的this对象的指向的。

谁践踏了优雅/ 2023年01月07日 01:22/ 0 赞/ 145 阅读

相关 apply、call和bind

apply、call和bind方法他们的作用一模一样，都是为了改变函数体内部this的指向，只是传参形式的不同。 call(thisObj, arg1, arg2,

秒速五厘米/ 2023年01月03日 04:14/ 0 赞/ 104 阅读

相关 js高级-函数：call + bind + apply方法

第五章：函数进阶第一节：函数的定义方式方式一： new Function > 特点： > > 代码要写在字符串里面 > 执行速度较慢，不推荐

￡神魔★判官ぃ/ 2022年12月04日 07:37/ 0 赞/ 188 阅读

相关 call()、apply()、bind()方法的使用

call()、apply()、bind()方法的使用这三个方法尤其不好区分、也容易混淆，网上有很多文章试图解释这三个的区别及用法。有的还举例，用故事说，反而增加了理解的

爱被打了一巴掌/ 2022年11月29日 08:13/ 0 赞/ 162 阅读

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

函数中的call()、apply()方法都会以指定的this值来调用函数，即会设置调用函数时函数体内this对象的值。 apply `apply()`方法接收两个参数：

r囧r小猫/ 2022年10月23日 02:56/ 0 赞/ 199 阅读

相关 apply, call与bind方法

apply, call与bind方法它们的共同点是第一个参数都是this，即函数运行时依赖的上下文。 call最简单，等价于指定this值调用函数： var

ゝ一世哀愁。/ 2022年06月12日 15:06/ 0 赞/ 240 阅读

相关 js中call、apply、bind方法

1、call方法（） [详情：call方法][call] 使用call方法调用父构造函数 function Product(name, price) {

曾经终败给现在/ 2022年06月09日 09:09/ 0 赞/ 265 阅读

相关 js call、apply、bind

更改this指向 1、call和apply若不传参，效果是一样的 2、改变函数中this的指向为传入的对象等\ 3、call、apply修

超、凢脫俗/ 2021年07月24日 16:59/ 0 赞/ 477 阅读