如何調用JS函數

這篇文章主要介紹了如何調用JS函數的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇如何調用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函數”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“如何調用JS函數”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。