js 中call、apply和bind的区别与联系

最新推荐文章于 2023-05-10 22:29:43 发布

学霸的男人

最新推荐文章于 2023-05-10 22:29:43 发布

阅读量209

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/qq_40938301/article/details/88077745

JavaScript 专栏收录该内容

25 篇文章

订阅专栏

本文详细解析了JavaScript中this关键字的指向规则，以及如何使用call、apply和bind方法来改变函数内部this的指向。通过实例展示了三种方法的具体应用及细微差别，帮助读者深入理解并灵活运用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ps: 如果有任何问题可以评论留言，我看到后会及时解答，评论或关注，您的鼓励是我分享的最大动力

转载请注明出处：https://blog.youkuaiyun.com/qq_40938301/article/details/88077745

联系：

1、都是用来改变函数的this对象的指向的。
2、第一个参数都是this要指向的对象。
3、都可以利用后续参数传参。

区别：

var xw = {
    name : "小王",
    gender : "男",
    age : 24,
    say : function() {
        alert(this.name + " , " + this.gender + " ,今年" + this.age);                                
    }
}
var xh = {
    name : "小红",
    gender : "女",
    age : 18
}
xw.say();

输出是小王，男，今年24

而如果我们想用xw的say方法显示xh的数据，则

1、call

xw.say.call(xh);

2、apply

xw.say.apply(xh);

3、bind

xw.say.bind(xh)( );

可以观察到 call 和 apply 相同，而 bind 返回的是一个函数，因此

还需要( )来进行调用

var xw = {
    name : "小王",
    gender : "男",
    age : 24,
    say : function() {
        alert(this.name + " , " + this.gender + " ,今年" + this.age + " ,在" + school + "上" + grade);                             
    }
}
var xh = {
    name : "小红",
    gender : "女",
    age : 18
}

1、call

xw.say.call(xh,"实验中学","六年级");

2、apply

xw.say.apply(xh,["实验中学","六年级"]);

3、bind

xw.say.bind(xh)("实验中学","六年级");

call 和 apply 的区别是call是直接加在参数后面，而apply是通过数组加参数