JavaScript - this 位于带有箭头函数的超时内部

Question

这个问题已经有答案了:

What does "this" refer to in arrow functions in ES6? (10 个回答)

已关闭 6 年前。

为什么不是 this setTimeout里面等于使用箭头函数时调用渲染函数的对象？

 class X {
      constructor(config) {
        this.data = config.data;
        this.render_ = config.render;
      }
      render() {
        this.render_(this.data);
      }
    }
    var x = new X({
      data: [1, 2, 3],
      render: (data) => {
        setTimeout(() => {
          console.log(this);
        }, 200);
      }
    });
    x.render();

Answer 1

阅读 arrow function documentation 的部分上面写着“箭头函数用作方法”

总之:箭头函数只是简单地不绑定(bind) this 或它们自己的 this 版本，而是引用全局 Window 对象。