javascript - 为什么这 => 不将 "this"绑定(bind)到周围的范围？

Question

我采取了以下code来自 MDN。

x = 9  
var module = {
  x: 81,
  getX: () => this.x
} 

var getX = module.getX 
console.log(getX())

我得到 9:

alex@alex-K43U:~/node/es6$ iojs --harmony_arrow_functions index.js
9

不应该 this 受其词法范围限制并输出 81 吗？

Answer 1

虽然下面的原始答案是正确的并且 v8 不保证 - ES6 箭头有 词法 this - 这意味着 this 被绑定(bind)到周边范围。您的对象字面量不是作用域。

如果你有这样的代码:

var obj = {};
obj.x = 5;
obj.foo = () => this.x;
obj.foo();

具有词法 this 的箭头函数恰恰意味着您不会得到 5 返回，而是从周围的作用域中得到一些东西。这与根据调用者对象确定的常规动态 this 不同。

---

原文: 因为 v8 有一个有问题的箭头函数实现，而且它在作用域方面还不能正常工作。这就是为什么它首先在一面旗帜后面。

您可以跟踪进度 here in the issue tracker .同时，您可以使用像 BabelJS 这样的转译器作为构建步骤，直到实现功能。