Warum ein leeres Array mit „.forEach.call()' in JavaScript verwenden?

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

Dieses unkonventionelle Codefragment, bei dem ein leeres Array vor der forEach-Methode steht, hat Entwickler vor ein Rätsel gestellt . Schauen wir uns genauer an, wie es funktioniert.

Leeres Array – Ein Trick für den Zugriff auf Array-Prototypen

Das leere Array dient einem besonderen Zweck: Es bietet Zugriff auf Array-Prototypen wie .forEach. Durch die direkte Verwendung eines Arrays erhalten Sie diese Funktionalität, ohne dass Array.prototype.forEach.call(...); explizit geschrieben werden muss.

forEach – Iteration mit Anpassung

forEach ist eine Funktion, die übernimmt eine andere Funktion als Eingabe. Für jedes Element in einem Array-ähnlichen Objekt (z. B. einer Knotenliste) werden drei Argumente übergeben:

• Das Element selbst
• Der Index des Elements
• Eine Referenz auf das Array-ähnliche Objekt

.call – Ändern dieses Kontexts

Mit der .call-Methode können Sie eine Funktion mit einem bestimmten Kontext aufrufen. In diesem Fall überschreibt es die Funktion der inneren Funktion mit der Knotenliste und stellt so sicher, dass die Funktion über den Index auf Elemente zugreifen kann.

Beispiel

Bedenken Sie Folgendes:

[1,2,3].forEach.call( document.querySelectorAll('a'), function(el) { /* logic */ });

Dieser Code verwendet das leere Array, um auf den .forEach-Prototyp zuzugreifen, übergibt die Knotenliste an forEach und iteriert über jedes Tag, der Zugriff auf das Element, seinen Index und die gesamte Knotenliste bietet.