Methoden zum Aufrufen, Anwenden und Binden – Javascript-js-Tutorial-php.cn

Methoden zum Aufrufen, Anwenden und Binden – Javascript

Susan Sarandon

Freigeben： 2024-11-03 01:09:29

Original

996 Leute haben es durchsucht

Call, Apply & Bind Methods — Javascript

Jede einzelne Funktion in JS hat Zugriff auf dieses Schlüsselwort.

1. Rufen Sie an

Es ähnelt dem Ausleihen von Funktionen, bei dem wir Funktionen von einem Objekt verwenden/ausleihen und sie mit einem anderen Objekt verwenden können, anstatt sie neu zu deklarieren.

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.

Nach dem Login kopieren

Zusätzliche Parameter können in einem durch Kommas getrennten Format geteilt werden.

2. Bewerben

Ähnlich wie beim Aufruf, der einzige Unterschied besteht in der Art und Weise, wie wir Argumente übergeben. Anstatt sie einzeln (in einem durch Kommas getrennten Format) zu übergeben, übergeben wir sie als Array.

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.

Nach dem Login kopieren

3. Binden

Ähnlich wie „call“ ruft diese Methode die Funktion nicht sofort auf; Stattdessen bindet es die Referenz der Funktion und gibt eine neue Funktion zurück, die später aufgerufen werden kann.

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.

Nach dem Login kopieren

Vielen Dank fürs Lesen! Ich hoffe, Sie fanden diesen Blog informativ und ansprechend. Wenn Ihnen Ungenauigkeiten auffallen oder Sie Feedback haben, zögern Sie bitte nicht, mir dies mitzuteilen.

Das obige ist der detaillierte Inhalt vonMethoden zum Aufrufen, Anwenden und Binden – Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!