防抖/节流中的apply起到的作用

防抖

function debounce(fn, delay) {
    let timerId = null;
    return function (...args) {
        if (timerId) {
            clearTimeout(timerId);
        }
        timerId = setTimeout(() => {
            fn.apply(this, args);
            timerId = null;
        }, delay);
    }
}

节流

function throttle(fn, delay) {
    let canUse = true;
    return function (...args) {
        //如果为true就触发方法
        if (canUse) {
            canUse = false;
            fn.apply(this, args);
            setTimeout(() => (canUse = true), delay);
        }
    };
}

apply

可以看到这两个函数都使用了apply,当然call或bind(bind返回的是一个函数需要()执行)达到的效果一样。
主要想分析一下是如何起效的，因为以前刚接触这两个函数的时候没有多想，而且使用许久在有时有意的没有用apply的时候也没有出现什么不同的情况。去网上各种搜基本都是简单的一行注释 // 将this正确指向（但说实话看到apply/call/bind都能写出这行注释）。
以下是我自己的分析，如果有什么不对希望指正。

1. 如果回调函数是一个箭头函数，apply的this是不会起作用的。
2. 希望起作用的场景一般是回调函数内部使用了this.xxx，且是一个function()写法，那么apply绑定的this会起效。要注意的是，在function()中，严格模式下没有调用者时，this的值为undefined，因此可以说此时如果希望使用this必须要有apply。
3. 节流与防抖的返回值：返回值必须是function命名的函数而不是箭头函数，否则这个函数的this就等于debounce的this等于undefined。

首先理清楚顺序，debounce(handle,delay),那么debounce先执行,handle作为参数（因为handle没有带括号，其作为函数传入）。debounce内部又返回一个function，因此真正的回调函数是内部的返回的那个function。那么每次触发执行回调时这个function（也就是return的function）的this都会指向回调者，因此this也就有了值，所以func.apply(this,args)这里的this其实就是原来调用者的this。

以下是在stackoverflow上搜到的一个回答，问问题的人和我有同样的疑问。回答指出如下情况在没有apply时会空指针。

class Foo {
  constructor() {
    this.a = "a";
    this.bar = debounce(this.bar, 500);
  }
  bar() {
    console.log(this.a);
  }
}
const foo = new Foo();
foo.bar();

最后我自己的理解是，很多时候并没有使用this的情况下，这个并没有起到什么作用，包括我昨天看的一篇文章，作者直接说这个apply没用，只是为了更好的接收参数来替代arguments，反正也是挺惊讶的。那就这样吧。
如果上面描述的有错误或不合理的地方可以评论告知一下，感谢。