Anonīmu notikumu apstrādātāju pievienošana cilpā JavaScript
Kā notikumu apstrādātājus, kas pievienoti cilpā, var izmantot arī anonīmas funkcijas. Tas padara kodu kompaktāku un atbrīvo mūs no nepieciešamības izdomāt vārdu funkcijai, kas tiek izmantota tikai vienā vietā.
Uzliksim elementiem anonīmus notikumu apstrādātājus:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
console.log(this.textContent);
});
}
Dots šāds kods:
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
let divs = document.querySelectorAll('div');
for (let div of divs) {
div.addEventListener('click', func);
}
function func() {
this.textContent++;
}
Padariet notikumu apstrādātāja funkciju anonīmu.