Anonyme Methoden werden in JavaScript häufig als Attribute verwendet. Mit dieser Methode können wir Methoden aufrufen, indem wir direkt auf Attribute zugreifen, ohne eine aufzurufende Funktion definieren zu müssen. In diesem Artikel werden die Methoden und Szenarien zur Verwendung anonymer Methoden als Eigenschaften vorgestellt.
var obj = {
method: function() {
console.log('Hello World!');
}
};Im obigen Beispiel haben wir ein Objekt obj definiert, das eine Attributmethode enthält, deren Wert eine anonyme Funktion ist, und der Code in der anonymen Funktion wird beim Aufruf ausgeführt. Wir können diese Funktion auf folgende Weise aufrufen:
obj.method(); // Hello World!
1) Bequemer Aufruf: Verwenden Sie diese Methode, wir kann direkt auf Eigenschaften zugreifen, um Methoden aufzurufen, ohne eine aufzurufende Funktion definieren zu müssen.
2) Einfache Wiederverwendung: Mit dieser Methode können wir die Methode zur einfachen Wiederverwendung und Wartung in ein Objekt einbinden.
3) Vereinfachen Sie den Code: Mit dieser Methode können wir einige gängige Operationen in den Methoden des Objekts kapseln und so den Code vereinfachen.
4) Namenskonflikte vermeiden: Mit dieser Methode können wir Namenskonflikte vermeiden.
1) Ereignisbindung implementieren: Durch die Verwendung von Methoden als Attribute von Objekten können wir dies problemlos tun Ereignisse binden.
var obj = {
clickHandler: function() {
console.log('Button clicked!');
}
};
var button = document.getElementById('myButton');
button.addEventListener('click', obj.clickHandler);Im obigen Beispiel haben wir ein Objekt obj definiert, das ein Attribut clickHandler enthält. Sein Wert ist eine anonyme Funktion. Diese Funktion wird zur Verarbeitung von Schaltflächenklickereignissen verwendet. Wir binden diese Funktion an das Click-Ereignis des Button-Elements. Wenn auf die Schaltfläche geklickt wird, wird die clickHandler-Funktion aufgerufen.
2) Plug-Ins oder Bibliotheken kapseln: Durch die Verwendung von Methoden als Attribute von Objekten können wir Plug-Ins oder Bibliotheken einfach kapseln.
var myLibrary = {
init: function() {
// 初始化代码
},
method1: function() {
// 方法1代码
},
method2: function() {
// 方法2代码
}
};Im obigen Beispiel haben wir ein Objekt namens myLibrary definiert, das einige von Bibliotheken oder Plug-Ins bereitgestellte Methoden enthält. Wir können Bibliotheken oder Plugins verwenden, indem wir diese Methoden aufrufen.
3) Zustandsmaschine implementieren: Durch die Verwendung von Methoden als Attribute von Objekten können wir Zustandsmaschinen einfach implementieren.
var StateMachine = {
state: 'off',
on: function() {
this.state = 'on';
},
off: function() {
this.state = 'off';
}
};
StateMachine.on(); // StateMachine.state = 'on'
StateMachine.off(); // StateMachine.state = 'off'Im obigen Beispiel haben wir ein Objekt namens StateMachine definiert, das zwei Methoden enthält, die zum Ändern des Status des Objekts verwendet werden.
1) Dies zeigt in der Funktion: Bei der anonymen Methode zeigt dies auf das aktuelle Objekt, nicht auf das globales Objekt.
var obj = {
name: 'Tom',
getName: function() {
return this.name;
}
};
var getNameFunc = obj.getName;
console.log(getNameFunc()); // undefinedIm obigen Code weisen wir die getName-Methode in obj der Variablen getNameFunc zu. Wenn wir getNameFunc aufrufen, wird undefiniert zurückgegeben, da dies zu diesem Zeitpunkt auf das globale Objekt zeigt.
2) Das Argumentobjekt in der Funktion: In der anonymen Methode stellt das Argumentobjekt die in der aktuellen Funktion übergebenen Parameter dar, nicht das globale Argumentobjekt.
function test() {
return {
arguments: arguments[0]
};
}
console.log(test('Hello world!').arguments); // Hello world!Im obigen Code verwenden wir das Argumentobjekt in der anonymen Methode, das die Parameter in der aktuellen Funktion darstellt.
Das obige ist der detaillierte Inhalt vonSo verwenden Sie anonyme Methoden als Objekteigenschaften in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
