JavaScript_javascript 기술에서 이벤트 함수의 고주파 트리거링 및 고주파 호출을 방지하는 방법

// 여기서 모든 레이아웃 업데이트를 수행합니다

}, 500) // 최소한 500밀리초마다 실행

// 이벤트 리스너 추가
window.addEventListener("resize", updateLayout, false);
...이 Underscore.js 코드의 맨 아래 레이어는 실제로 간격을 사용하여 이벤트 함수 호출 빈도를 확인합니다.

// 계속 호출되는 한 함수를 반환하지 않습니다.
// 호출이 중지된 후에 함수가 호출됩니다.
// N밀리초. `immediate`가 전달되면
에서 함수를 트리거합니다. // 후행 대신 선행 가장자리.
_.debounce = 기능(func, wait, 즉시) {
var 시간 초과;
반환 함수() {
var context = this, args = 인수;
var later = function() {
시간 초과 = null;
If (!immediate) func.apply(context, args);
};
var callNow = 즉시 && !timeout;
ClearTimeout(timeout);
timeout = setTimeout(나중에, 대기);
if (callNow) func.apply(context, args);
};
};

// 활용해보세요!
window.addEvent("resize", myFn.debounce(500));