JavaScript - Debounce function là gì?

Trình bày khó hiểu hơn bài throttle

Không gửi Pull request được nhỉ, Đạt đọc tới đoạn này thấy cái indentation bị lỗi, ngứa tay sửa lại.

https://gist.github.com/trandatnh/7f04e13d1cfe33a039ca#file-debounce-step-3-js

Còn mấy chỗ bị lỗi indent nữa đó

Cái Gist nó bị lỗi indent liên tục nên em lười sửa nữa

Em sẽ rút kinh nghiệm, mai mốt viết kiểu bottom-up (cách sử dung rồi mới tới cách implement). Thực ra, debounce anh tưởng tượng là thế này. Mỗi lần gởi request là anh có 500ms để delay. Nếu trong thời gian delay của request thứ nhất, có một request thứ hai gởi tiếp thì sẽ ignore request thứ hai.

Để em cập nhật lại một phiên bản khác cho dễ hiểu hơn

À, anh hiểu cái debounce, nhưng mà cách trình bày của bài này không rõ bằng bài throttle.

Ủa hình như anh hiểu nhầm?

Nếu trong thời gian delay của request thứ nhất, có một request thứ hai gởi tiếp thì sẽ ignore request thứ hai.

Anh hiểu là nó ignore request thứ nhất chứ nhỉ?

Trong đoạn code này thì mình clearTimeout(timeout) cho cái request trước rồi set lại timeout cho request mới.

function debounce(func, wait) {
  var timeout;

  return function() {
    var context = this,
        args = arguments;

    var executeFunction = function() {
      func.apply(context, args);
    };

    clearTimeout(timeout);
    timeout = setTimeout(executeFunction, wait);
  };
};

à, em viết sai… ignore cái request thứ nhất đó anh

Chào mọi người, mình mới cập nhật thêm demo để mọi người dễ hình dung hơn.

// anh @ltd thấy demo thế nào?

Chà công phu quá. Em làm thế này thì mai mốt cáoi blog thành cái CV online rồi