bind,apply,call

原创已于 2023-05-08 09:05:45 修改 · 108 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #es6 #前端

于 2023-04-23 09:07:44 首次发布

这篇文章介绍了JavaScript中用于改变函数调用上下文的三个关键方法：apply、call和bind。它们允许我们调用一个对象的方法并用另一个对象替换当前对象。例如，apply方法接收一个对象和一个参数数组，call则接受多个单独的参数，bind则返回一个新的函数，其this值被绑定到指定的对象。在示例中，person.fullName方法被应用到person1对象上，成功地返回了BillGates。

apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A,

arguments);即 A 对象应用 B 对象的方法。

call：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);

即 A 对象调用 B 对象的方法。

bind 除了返回是函数以外，它的参数和 call 一样。

var person = {
    fullName: function() {
        return this.firstName + " " + this.lastName;
    }
}
var person1 = {
    firstName: "Bill",
    lastName: "Gates",
}
person.fullName.apply(person1);  // 将返回 "Bill Gates"