防抖函数的this修正方式不正确

[txy920]

原文写法：

function debounce(fn, delay) {
    //记录上一次的延时器
    var timer = null;
    return function () {
       //清除上一次的演示器
        clearTimeout(timer);
        //重新设置新的延时器
        timer = setTimeout(function(){
            //修正this指向问题，!!setTimeout在这里改变了this的指向，指向了window!
            fn.apply(this);
        }, delay); 
    }
}

正确写法：

function debounce(fn, delay) {
    //记录上一次的延时器
    var timer = null;
    return function () {
       //清除上一次的演示器
        clearTimeout(timer);
       // 保存执行上下文的this对象，例如：事件触发对象
        var that = this; 
        //重新设置新的延时器，使用箭头函数可能更好
        timer = setTimeout(function(){
            fn.apply(that);
        }, delay); 
    }
}

[penghei]

原文写法：

function debounce(fn, delay) {
    //记录上一次的延时器
    var timer = null;
    return function () {
       //清除上一次的演示器
        clearTimeout(timer);
        //重新设置新的延时器
        timer = setTimeout(function(){
            //修正this指向问题，!!setTimeout在这里改变了this的指向，指向了window!
            fn.apply(this);
        }, delay); 
    }
}

正确写法：

function debounce(fn, delay) {
    //记录上一次的延时器
    var timer = null;
    return function () {
       //清除上一次的演示器
        clearTimeout(timer);
       // 保存执行上下文的this对象，例如：事件触发对象
        var that = this; 
        //重新设置新的延时器，使用箭头函数可能更好
        timer = setTimeout(function(){
            fn.apply(that);
        }, delay); 
    }
}

setTimeout里边直接用箭头函数也可以