JavaScript中使用"use strict"对于箭头函数无效？

Question

我发现了一个有趣的案例，在JavaScript中"use strict"并没有像预期的那样工作。

以下是函数:

"use strict";

var y = () => {
    console.log(this);
}

var x = function () {
    console.log(this);
}

x(); // undefined due to use strict
y(); // window object

我认为箭头函数的上下文也应该被覆盖为undefined，或者我的假设是错误的吗？

- gorgi93

---

既然您正在全局范围内执行此操作（其中“this”是“window”对象），并且箭头函数中的“this”是词汇性的，那么我不明白这有什么意外之处？ - Bergi

Answer 1

MDN提到箭头函数：

与严格模式的关系

由于this是词法作用域的，因此忽略了严格模式下有关this的规则。

var f = () => {'use strict'; return this};
f() === window; // or the global object

在语法模式的规则中，词汇作用域中的this优先于严格模式中的this规则。

我们可以通过查看ES2015规范中函数的[[ThisMode]]槽可能值的通俗描述来轻松理解这一点，该值可以是lexical、strict或global：

定义了函数正式参数和代码体内如何解释this引用。 lexical表示this引用到一个词法封闭函数的this值。 strict表示this值恰好使用由函数的调用提供的值。 global表示将this值undefined解释为对全局对象的引用。

换句话说，函数的this行为可以是严格模式、非严格模式或词法模式。如果函数的[[ThisMode]]是词法模式（如箭头函数），则它会使函数的严格/非严格状态在确定this设置行为方面变得无关紧要。

- apsillers