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

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

Susan Sarandon
發布: 2024-11-03 01:09:29
原創
1009 人瀏覽過

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中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板