函数节流：主要作用性能优化

核心就是：让一个函数不要执行得太频繁，减少一些过快的调用来节流。

    /**
    * 节流方法 1
    * 缺点 最后一次不执行
    */
    function throttle(cb,duration){
        let currTime = 0;
        return function(){
            let nowTime = Date.now();
            if(nowTime - currTime > duration){
                currTime = nowTime;
                cb.apply(this,arguments);
            }
        }
    }
    
    /**
    * 节流方法 2
    * 缺点 第一次不执行 并且最后一次可能用户退出当前页之后执行，有延长时间
    */
    
    function throttle(cb,duration){
        let timer = null;
        return function() {
            if(!timer){
                timer = setTimeout(() => {
                    timer = null;
                    cb.apply(this,arguments);
                },duration);
            }
        }
    }
    
    /**
    * 节流方法 3
    */
    
    function throttle(cb,duration){
        let startTime = Date.now();
        let timer = null;
        return function(){
            let nowTime = Date.now();
            let remainning = duration - (nowTime - startTime);
            clearTimeout(timer);
            if(remainning <= 0){
                startTime = Date.now();
                cb.apply(this,arguments);
            }else{
                timer = setTimeout(() => {
                    cb.apply(this,arguments);
                },remainning)
            }
        }
    }
    
    window.addEventListener('scroll', throttle(function(e){
        console.log(e)
    }, 300))