Anonyymisten käsittelijöiden lisääminen silmukassa JavaScriptissä
Silmukassa kiinnitettävien käsittelijöiden voi käyttää myös anonyymeja funktioita. Tämä tekee koodista tiiviimpää ja säästää meidät tarpeesta keksiä nimi funktiolle, jota käytetään vain yhdessä paikassa.
Kiinnitetään elementteihin anonyymit käsittelijät:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
console.log(this.textContent);
});
}
Annettuna on seuraava koodi:
<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++;
}
Tee funktiosta-käsittelijästä anonyymi.
