JavaScript-da tsiklda anonim ishlov beruvchilarni qo‘shish

Tsikl ichida qo‘shiladigan ishlov beruvchilar sifatida anonim funksiyalardan ham foydalanish mumkin. Bu kodni yanada ixcham qiladi va faqat bitta joyda ishlatiladigan funksiya uchun nom o‘ylab topishdan bizni xalos qiladi.

Keling, elementlarga anonim ishlov beruvchilarni qo‘shamiz:

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++;
}