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

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

      转载请注明出处：https://blog.csdn.net/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是通过数组加参数