JavaScript之mj-debounce-throttle插件、封装、防抖、节流、define、global、clearTimeout、setTimeout、self、module、exports

---

1、下载安装命令

npm install mj-debounce-throttle

npm install mj-debounce-throttle --save

npm install mj-debounce-throttle --save-dev

下载安装后，包文件夹的.md文件有使用说明。

---

2、源码

(function (global, factory) {
    
    
    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
        typeof define === 'function' && define.amd ? define(factory) :
            (global = global || self, global.debounceThrottle = factory());
}(this, function () {
    
    
    'use strict';

    return {
    
    
        debounce: (fn, delay = 1000) => {
    
    
            let timer = null;

            return function () {
    
    
                let context = this,
                    args = arguments;

                if (timer) clearTimeout(timer);

                timer = setTimeout(function () {
    
    
                    fn.apply(context, args);
                }, delay);
            };
        },
        throttle: (fn, wait = 1500) => {
    
    
            let inThrottle,
                lastFn;

            return function () {
    
    
                let context = this,
                    args = arguments;

                if (!inThrottle) {
    
    
                    fn.apply(context, args);
                    inThrottle = true;
                } else {
    
    
                    clearTimeout(lastFn);

                    lastFn = setTimeout(function () {
    
    
                        inThrottle = false;
                    }, wait);
                }
            };
        }
    };
}));