## Warum „[].forEach.call()' zum Durchlaufen von Knotenlisten in JavaScript verwenden?

Verstehen des Verhaltens von [].forEach.call() in JavaScript

[][] ist ein leeres Array in JavaScript, das Zugriff auf Array-Prototypen wie . gewährt. fürJeden. Dieser Mechanismus wird häufig zum Durchlaufen von Knotenlisten verwendet, da er eine bequeme Möglichkeit bietet, eine Funktion für jedes Element in einer Knotenliste auszuführen.

Die .call()-Methode ist ein Funktionsprototyp, mit dem Sie die ersetzen können Schlüsselwort „this“ innerhalb einer Funktion mit einem angegebenen Objekt. Im Kontext von [].forEach.call() wird das leere Array als Aufruferobjekt (this) zugewiesen, während die Knotenliste als erstes Argument an die .forEach()-Methode übergeben wird.

Diese Technik vereinfacht das Durchlaufen einer Knotenliste, indem sie direkten Zugriff auf Array-ähnliche Eigenschaften und Methoden ermöglicht. Die an .forEach() übergebene Funktion erhält drei Argumente:

1. Das aktuelle Knotenelement
2. Der Index des Elements
3. Die Knotenliste selbst

Zum Beispiel verwendet das folgende Code-Snippet [].forEach.call(), um alle „a“-Tags auf einer Webseite zu durchlaufen:

``
[].forEach. call(document.querySelectorAll('a'), function(el) {
// Mit jedem 'a'-Tag etwas machen
});
``

While .forEach( ) eine bequeme Möglichkeit zum Durchlaufen von Knotenlisten ist, ist es erwähnenswert, dass hackige und unansehnliche Lösungen, wie die Verwendung von [].forEach.call(), Ihre Codebasis überladen können. Es wird empfohlen, bei der Inline-Schleife zu bleiben oder saubere Hilfsmethoden und Bibliotheken zu verwenden, die diese Funktionalität auf eine besser lesbare und wartbare Weise bereitstellen.

ES6 führt einfachere Optionen ein, wie etwa die Operatoren „Rest“ und „Spread“, die dies ermöglichen einfachere Konvertierung zwischen Arrays und arrayähnlichen Objekten, sodass keine hackigen Ansätze erforderlich sind.

Das obige ist der detaillierte Inhalt von## Warum „[].forEach.call()' zum Durchlaufen von Knotenlisten in JavaScript verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!