在功能或课堂之外的“超级”
我无法传译这一小段代码：
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进行运输时，我没有任何问题...
它在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环境
特别：
MakeSuperPropertyReference() GetThisEnvironment()调用GetThisEnvironment() ，在第一种情况下它将是函数表达式，而在箭头情况下将是类方法，然后在该环境中调用HasSuperBinding() 。 false ，因为函数表达式没有[[HomeObject]]而类方法则会。