箭头函数的执行上下文不持有 ThisBinding ，采用的是 Lexical this （词法指的是执行上下文中的「环境」，理解为以作用域链替换 this 就成了）。其实这样越说越糊涂了……

```js
const obj = {
detail: "obj",
getDetail() {
console.log(this.detail);
}
}

obj.getDetail(); // obj

const getDetail = obj.getDetail;
getDetail(); // undefined ，此时上下文是 global ，非严格模式，global 下 this 指向 window ，window 没有 detail
```

```js
const obj = {
detail: "obj",
getDetail: () => {
console.log(this.detail);
},
};

obj.getDetail(); // undefined ，「对象字面量」 obj 不产生作用域，这个要注意。this 找上级作用域 window ，window 没有 detail 属性。
```
1. 执行上下文除了 global 其余都是函数执行产生的。
2. 你在函数中使用的 `this`，也就是执行上下文中的 `ThisBinding`，只与调用该函数的「对象」相关。
3. 箭头函数是个特殊情况，它采用词法 this ，也就说，`this` 与上下文中「动态的」 ThisBinding （ obj 或 window ，`.`点号之前的……）无关，与「静态的」环境有关，要到环境（作用域链）中找。
4. 而「对象字面量」`obj` 又不产生作用域（它顶多叫 namespace 名字空间）。由此会再向真正的作用域中找，外层的作用域就是 global （ window ）。
5. **简而言之**：箭头函数的词法 this 产生的效果是：把箭头函数上下文中的 this 绑定到 **『外层作用域』** 中。

推荐到 https://muyiy.cn/blog/1/1.1.html 看看，博主写的很详细，跟着写写伪代码就清楚了。这样白嘴说其实越说越乱。