JavaScript 进阶（五）节流

// 这个是⽤来获取当前时间戳的
function now() {    return new Date()}
/** * underscore 节流函数，函数连续调⽤时， 每隔一定时间间隔返回 * @param {function} func：回调函数 * @param {number} wait：时间间隔 * @param {object} options： * 忽略开始函数的的调⽤，传⼊{leading: false} * 忽略结尾函数的调⽤，传⼊{trailing: false} * 两者不能共存，否则函数不能执⾏ * @return {function}  */function (func, wait, options) {    var context, args, result;    var timeout = null;    // 之前的时间戳    var previous = 0;    if (!options) options = {};    // 定时器回调函数    var later = function () {        previous = options.leading === false ? 0 : now();        // 置空⼀是为了防⽌内存泄漏，⼆是为了下⾯的定时器判断        timeout = null;        result = func.apply(context, args);        if (!timeout) context = args = null;    };    return function () {        // 获得当前时间戳        var now = now();        if (!previous && options.leading === false) previous = now;        // 计算剩余时间        var remaining = wait - (now - previous);        context = this;        args = arguments;        if (remaining <= 0 || remaining > wait) {            // 如果存在定时器就清理掉避免⼆次回调            if (timeout) {                clearTimeout(timeout);                timeout = null;            }            previous = now;            result = func.apply(context, args);            if (!timeout) context = args = null;        } else if (!timeout && options.trailing !== false) {            // 判断是否设置了定时器和 trailing            // 否的话重新开启⼀个定时器            // 并且不能同时设置 leading 和 trailing            timeout = setTimeout(later, remaining);        }        return result;    };};