如何實(shí)現(xiàn)javascript函數(shù)節(jié)流

小編給大家分享一下如何實(shí)現(xiàn)javascript函數(shù)節(jié)流，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

1、用時間戳判斷是否已到回調(diào)執(zhí)行時間，記錄上次執(zhí)行時間戳，然后每次觸發(fā)事件時執(zhí)行回調(diào)，回調(diào)判斷當(dāng)前時間戳距離上次執(zhí)行時間戳的時間間隔是否為*s，如果是，則執(zhí)行，并更新上次執(zhí)行時間戳，如此循環(huán)。

var throttle = function(delay, action) {
    var last = 0;
    return function() {
        var curr = new Date();
        if (curr - last > delay) {
            action.apply(this, arguments);
            last = curr;
        }
    }
}

2、使用定時器，比如，當(dāng)scroll事件剛觸發(fā)時，打印一個hello world ，然后設(shè)置一個1000ms的定時器，此后每次觸發(fā)scroll事件，觸發(fā)回調(diào)，如果已經(jīng)存在定時器，則回調(diào)不執(zhí)行方法，知道定時器出發(fā)，handler被清除，然后重新設(shè)置定時器。

var throttle = function(delay, action) {
    var timeout;
    var later = function () {
        timeout = setTimeout(function(){
            clearTimeout(timeout);
            // 解除引用
            timeout = null;
        }, delay);
    };
    later();
    if (!timeout) {
        action.apply(this, arguments);
        later();
    }
}

看完了這篇文章，相信你對“如何實(shí)現(xiàn)javascript函數(shù)節(jié)流”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！