JavaScript实现函数防抖的问题

Question

代码在下面

不是不明白this的指向，而是不太明白debounce代码里面显式指定this的意义

写了个小demo测试，先贴上HTML代码：

下面是debounce的代码：

Answer 1

我很欣赏你贴 HTML 代码的态度，但为毛就不把 JavaScript 代码也贴出来呢？图示是图示，不影响贴代码嘛，毕竟拷贝代码比重新敲容易啊！fn.apply(context, args)这里做了两件事情，一是绑定 fn 调用时候的 this 指向，二是以数组(或伪数组)的形式传递参数列表。为什么需要 context = this，注意到 setTimeout 的第一个参数是一个 funciton，在里面的 this 并不是外面 context 赋值的那个 this—这里 fn 作为一个回调，设计者是希望用户能在回调中通过 this 来使用上下文对象，这样可以少引入一个参数。