JavaScript 의 떨 림 방지 와 절 류 사례

떨 림 방지:일정한 시간 내 에 마지막 임무 만 수행 합 니 다.
흐름 절약:일정 시간 에 한 번 만 실행 합 니 다.
떨 림 방지

<button id="debounce">    !</button>
 
$('#debounce').on('click', debounce());
 
function debounce() {
    let timer;
    //   
    return function () {
        clearTimeout(timer);
        timer = setTimeout(() => {
            //        ...
            console.log("    !");
        }, 500);
    }
}
在这里插入图片描述
흐름 조절:

<button id="throttle">    !</button>
 
$('#throttle').on('click', throttle());
 
function throttle(fn) {
    let flag = true;
    //   
    return function () {
        if (!flag) {
            return;
        }
        flag = false;
        setTimeout(() => {
            console.log("    !");
            flag = true;
        }, 1000);
    };
}
在这里插入图片描述
자 바스 크 립 트 의 떨 림 방지 와 스로틀 사례 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.자 바스 크 립 트 의 떨 림 방지 와 스로틀 에 관 한 더 많은 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 찾 아 보 세 요.앞으로 많은 응원 부 탁 드 리 겠 습 니 다!

좋은 웹페이지 즐겨찾기