JavaScript-Funktionsbindung

Eine einfache Funktionsbindung Bei der Interaktion zwischen JavaScript und DOM ist häufig eine Funktionsbindung erforderlich. Definieren Sie eine Funktion und binden Sie sie dann an einen Ereignisauslöser eines bestimmten DOM-Elements oder einer bestimmten Sammlung. Binden Sie die Funktion. Wird häufig mit einem Rückruf verwendet Funktionen und Ereignishandler, um Funktionen als Variablen zu übergeben und gleichzeitig die Codeausführungsumgebung beizubehalten.

& gt; & lt;/body & gt; Zi hat ein Handlerobjekt erstellt, die Methode handler.handlerFun() wird als Click-Event-Handler der DOM-Schaltfläche zugewiesen. Die Entwurfsabsicht ist folgende: Wenn auf die Schaltfläche geklickt wird, wird diese Methode ausgelöst und ein Dialogfeld wird angezeigt, in dem die vom Handler definierte Meldung angezeigt wird. Der Inhalt des Dialogfelds ist jedoch nach dem Klicken undefiniert. Schüler, die mit Abschlüssen vertraut sind, können leicht erkennen, dass das Problem darin besteht, dass die Ausführungsumgebung der Methode handler.handlerFun() nicht gespeichert wird. Dieses Objekt zeigt schließlich auf die DOM-Schaltfläche und nicht auf den Handler. Sie können Abschlüsse verwenden, um dieses Problem zu lösen und die Funktionsbindungsanweisung

document.getElementById('btnTest').onclick=function(){ Auf diese Weise können Sie das bekommen, was Sie erwarten Ergebnisse. Diese Lösung verwendet einen Abschluss im Onclick-Programm, um die Methode handler.handlerFun() direkt aufzurufen. Das Erstellen mehrerer Abschlüsse kann das Verständnis und die Fehlerbehebung erschweren.

Benutzerdefinierte Bindungsfunktion

Funktion bind(fn,context){

> bind( )-Funktion benötigt zwei Parameter: eine Bindungsfunktion, eine Ausführungsumgebung und gibt eine Funktion zurück das die Bindungsfunktion in der Ausführungsumgebung aufruft. Es sieht einfach aus, aber seine Funktion ist sehr leistungsfähig. Der Abschluss verwendet apply(), um die übergebene Funktion aufzurufen, und übergibt die Ausführungsumgebung und Parameter an apply() Funktion, nicht bind(). Wenn die zurückgegebene Funktion aufgerufen wird, führt sie die übergebene Funktion in der angegebenen Funktion unter Berücksichtigung aller Argumente aus. Im obigen Beispiel kann der Aufruf von handler.handlerFun immer noch das Parameterereignis abrufen, da alle Parameter über die gebundene Funktion an ihn übergeben werden.

Zusammenfassung Sobald eine Funktion in Form eines Funktionszeigers übergeben wird und die Funktion in einer bestimmten Umgebung ausgeführt werden muss, kann die benutzerdefinierte Funktion bind() verwendet werden. Sie wird hauptsächlich für Ereignisse verwendet. Handler und setTimeout und setInterval erfordern jedoch mehr Speicheraufwand als gewöhnliche Funktionen. Versuchen Sie daher, sie nur bei Bedarf zu verwenden.