apply()方法和call()方法的区别

作用

方法重用:可以编写能够在不同对象上使用的方法。通过调用方法,能够使用属于另一个对象的方法。
call()和apply()非常相似
实例

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

区别

  • call()方法分别接受参数
  • apply()方法接受数组形式的参数
    如果要使用数组而不是参数列表,则apply()方法非常方便

带参数的实例

var person = {
  fullName: function(city, country) {
    return this.firstName + " " + this.lastName + "," + city + "," + country;
  }
}
var person1 = {
  firstName:"John",
  lastName: "Doe"
}
//apply()方法,采用数组接收参数
person.fullName.apply(person1, ["Oslo", "Norway"]);
//call()方法分开接收参数
person.fullName.call(person1, "Oslo", "Norway");

PS:在 JavaScript 严格模式下,如果 apply() 方法的第一个参数不是对象,则它将成为被调用函数的所有者(对象)。在“非严格”模式下,它成为全局对象。

上一篇:call()、apply()、arguments


下一篇:JavaScript中call与apply的区别