Hinzufügen anonymer Event-Handler in einer Schleife in JavaScript

Als Handler, die in einer Schleife hinzugefügt werden, können auch anonyme Funktionen verwendet werden. Dies macht den Code kompakter und erspart uns das Ausdenken eines Namens für eine Funktion, die nur an einer Stelle verwendet wird.

Lassen Sie uns anonyme Handler auf die Elemente anwenden:

javascriptlet elems = document.querySelectorAll('p');

for (let elem of elems) {
  elem.addEventListener('click', function() {
    console.log(this.textContent);
  });
}

html<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>

javascriptlet divs = document.querySelectorAll('div');

for (let div of divs) {
  div.addEventListener('click', func);
}

function func() {
  this.textContent++;
}