首頁 >web前端 >js教程 >呼叫、應用和綁定方法 — Javascript

呼叫、應用和綁定方法 — Javascript

Susan Sarandon
Susan Sarandon原創
2024-11-03 01:09:291010瀏覽

Call, Apply & Bind Methods — Javascript

JS 中的每個函數都可以存取此關鍵字。

1。來電

這類似於函數借用,我們可以使用函數/從一個物件借用函數並將它們與另一個物件一起使用,而不是重新聲明它們。

let name = {
  firstnName: 'Manoj',
  secondName: 'Ravi',
  fullName: function (district, state) {
    return `${this.firstName} ${this.secondName} from ${district}, ${state}.`;
  }
};

let getFullDetails = function(district, state) {
  return `${this.firstName} ${this.secondName} from ${district}, ${state}.`;
};

name.fullName('Chennai', 'TN');  // Manoj Ravi from Chennai, TN.
getFullDetails.call(name, 'Chennai', 'TN');  // Manoj Ravi from Chennai, TN.

let name2 = {
  firstnName: 'Sanjay',
  secondName: 'Ravi',
};

name.fullName.call(name2, 'Coimbatore', 'TN');  // Sanjay Ravi from Coimbatore, TN.
getFullDetails.call(name2, 'Coimbatore', 'TN');  // Sanjay Ravi from Coimbatore, TN.

其他參數可以以逗號分隔的格式共用。

2。申請

與呼叫類似,唯一的差異是我們傳遞參數的方式。我們不是單獨傳遞它們(以逗號分隔的格式),而是將它們作為陣列傳遞。

let getFullDetails = function(district, state) {
  return `${this.firstName} ${this.secondName} from ${district}, ${state}.`;
};

let name = {
  firstnName: 'Manoj',
  secondName: 'Ravi'
};
getFullDetails.call(name, ['Chennai', 'TN']);  // Manoj Ravi from Chennai, TN.

let name2 = {
  firstnName: 'Sanjay',
  secondName: 'Ravi'
};
getFullDetails.call(name2, ['Coimbatore', 'TN']);  // Sanjay Ravi from Coimbatore, TN.

3。綁定

與call類似,該方法不會立即呼叫函數;相反,它綁定函數的引用並傳回一個可以稍後呼叫的新函數。

let getFullDetails = function(district, state) {
  return `${this.firstName} ${this.secondName} from ${district}, ${state}.`;
};

let name = {
  firstnName: 'Manoj',
  secondName: 'Ravi'
};


let printDetails = getFullDetails(name, 'Chennai', 'TN');
printDetails();  // Manoj Ravi from Chennai, TN.

感謝您的閱讀!我希望您發現這個部落格資訊豐富且引人入勝。如果您發現任何不準確之處或有任何回饋,請隨時告訴我。

以上是呼叫、應用和綁定方法 — Javascript的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn