调用JS函数

方法重用

使用该call()方法，您可以编写可用于不同对象的方法。

所有的函数都是方法

在 JavaScript 中，所有函数都是对象方法。

如果函数不是 JavaScript 对象的方法，则它是全局对象的函数。

下面的示例创建一个具有 3 个属性的对象，firstName、lastName、fullName。

例子：

const myObject = {
  firstName:"John",
  lastName: "Doe",
  fullName: function () {
    return this.firstName + " " + this.lastName;
  }
}
// This will return "John Doe":
myObject.fullName();  

在此关键字

在函数定义中，this指的是函数的“所有者”。

在上面的示例中，this是“拥有” fullName函数的person 对象。

换句话说，this.firstName表示这个对象的firstName 属性。

JavaScript call() 方法

该call()方法是一个预定义的 JavaScript 方法。

它可用于调用(调用)以所有者对象作为参数(参数)的方法。

使用call()，一个对象可以使用属于另一个对象的方法。

此示例调用person的fullName方法，在person1上使用它 ：

例子：

const person = {
  fullName: function() {
    return this.firstName + " " + this.lastName;
  }
}
const person1 = {
  firstName:"John",
  lastName: "Doe"
}
const person2 = {
  firstName:"Mary",
  lastName: "Doe"
}
// This will return "John Doe":
person.fullName.call(person1);

此示例调用person的fullName方法，在person2上使用它 ：

const person = {
  fullName: function() {
    return this.firstName + " " + this.lastName;
  }
}
const person1 = {
  firstName:"John",
  lastName: "Doe"
}
const person2 = {
  firstName:"Mary",
  lastName: "Doe"
}
// This will return "Mary Doe"
person.fullName.call(person2);

带参数的 call() 方法

该call()方法可以接受参数：

例子

const person = {
  fullName: function(city, country) {
    return this.firstName + " " + this.lastName + "," + city + "," + country;
  }
}
const person1 = {
  firstName:"John",
  lastName: "Doe"
}
person.fullName.call(person1, "Oslo", "Norway");

以上就是关于“调用JS函数”的介绍，大家如果想了解更多相关知识，可以关注一下极悦的Java极悦在线学习，里面的课程内容详细，通俗易懂，适合小白学习，希望对大家能够有所帮助。