JavaScript のデシェイクとスロットリングの例

<button id="debounce">デバウンスするにはクリックしてください。 </ボタン>
 
$('#debounce').on('click', debounce());
 
関数デバウンス() {
    タイマーを設定します。
    // クロージャ戻り関数 () {
        タイマーをクリアします。
        タイマー = setTimeout(() => {
            // 手ぶれ補正が必要な操作...
            console.log("手ぶれ補正が成功しました!");
        }, 500);
    }
} 

<button id="throttle">クリックしてスロットルしてください! </ボタン>
 
$('#throttle').on('click', throttle());
 
関数スロットル(fn) {
    フラグを true にします。
    // クロージャ戻り関数 () {
        if (!フラグ) {
            戻る;
        }
        フラグ = false;
        タイムアウトを設定する(() => {
            console.log("スロットルが成功しました!");
            フラグ = true;
        }, 1000);
    };
}