Pourquoi utiliser un tableau vide avec `.forEach.call()` en JavaScript ?

Comprendre le comportement de [].forEach.call() en JavaScript

Cet extrait de code non conventionnel, où un tableau vide précède la méthode forEach, a intrigué les développeurs . Voyons comment cela fonctionne.

Tableau vide - Une astuce pour accéder aux prototypes de tableau

Le tableau vide a un objectif particulier : il permet d'accéder à des prototypes de tableau comme .forEach. L'utilisation d'un tableau vous donne directement cette fonctionnalité sans avoir besoin d'écrire explicitement Array.prototype.forEach.call(...);.

forEach - Itération avec personnalisation

forEach est une fonction qui prend une autre fonction en entrée. Pour chaque élément d'un objet de type tableau (comme une liste de nœuds), il transmet trois arguments :

• L'élément lui-même
• L'index de l'élément
• Une référence à l'objet de type tableau

.call - Modification de ce contexte

La méthode .call vous permet d'invoquer une fonction avec un ce contexte spécifique. Dans ce cas, il remplace le this de la fonction interne par la liste de nœuds, garantissant que la fonction peut accéder aux éléments par index.

Exemple

Considérez ceci :

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

Ce code utilise le tableau vide pour accéder au prototype .forEach, transmet la liste de nœuds à forEach et parcourt chaque balise, donnant accès à l'élément, à son index et à la liste complète des nœuds.