Thêm trình xử lý ẩn danh trong vòng lặp trong JavaScript

Làm trình xử lý được gắn trong vòng lặp, bạn cũng có thể sử dụng các hàm ẩn danh. Điều này làm cho mã gọn hơn và giải phóng chúng ta khỏi việc phải nghĩ tên cho hàm mà chỉ được sử dụng ở một nơi.

Hãy gắn trình xử lý ẩn danh lên các phần tử:

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