'super' 函数外或 class

Question

我无法转译这段代码：

class FooBar extends SomeParent {

  constructor() {
    super();
  }

  start() {
    var foo = function() {
      super.start();     // <-- Error: 'super' outside of function or class
    };
  } 
}

抛出的错误是 'super' outside of function or class .

但是，相同的代码在 Babel REPL.

中可以正常转译

我正在使用自定义 Node.JS 程序使用此命令进行转译：

babel.transformFileSync(filename,  { presets: [ 'es2015' ] } );

安装信息：

$ npm ls --global --depth 0
/usr/lib
├── babel@6.3.13
├── babel-core@6.3.17
├── babel-plugin-external-helpers-2@6.3.13
├── babel-plugin-syntax-async-functions@6.3.13
├── babel-plugin-transform-async-to-generator@6.3.13
├── babel-plugin-transform-regenerator@6.3.18
├── babel-plugin-transform-runtime@6.3.13
├── babel-polyfill@6.3.14
├── babel-preset-es2015@6.3.13
└── npm@1.4.28

$ node -v
v0.10.40

我做错了什么？我在使用 Babel 5 进行转译时没有遇到任何问题...

Answer 1

它在 Babel REPL 中有效，因为我假设 Babel 5 没有对此进行检查。

这是无效的：

class Example extends Parent {
  start() {
    var foo = function() {
      super.start();
    };
  }
}

但是使用箭头函数可以：

class Example extends Parent {
  start() {
    var foo = () => {
      super.start();
    };
  }
}

因为 super 行为基于其调用位置的 this 环境。虽然箭头函数与其父函数共享其 this 环境，但标准函数引入了一个完整的非 this 环境。

具体来说：

12.3.5.1 呼叫 MakeSuperPropertyReference()
12.3.5.3 调用 GetThisEnvironment() ，在第一种情况下是函数表达式，在箭头情况下是 class 方法，然后调用 HasSuperBinding()在那种环境下。
8.1.1.3.3 在第一种情况下会 return false 因为函数表达式没有 [[HomeObject]] 而 class 方法有。

'super' 函数外或 class

'super' outside of function or class

node.js

babeljs