Question

我正在尝试在traceur-compiler的帮助下使用ES6语法。

这是我的index.html。

<script type="text/javascript" src="traceur-compiler/bin/traceur.js"></script>
<script type="text/javascript" src="traceur-compiler/src/bootstrap.js"></script>
<script>
  traceur.options.experimental = true;
</script>

<script type="module" src="src/myclass.js"></script>

<script type="text/javascript" src="src/main.js"></script>

这是我的myclass.js

'use strict';
class MyClass {
}

var localmc = new MyClass(); // Works

这是我的main.js

'use strict';
window.onload = function () {
  var mc = new MyClass(); // Throws error, Why?
}

如何在main.js中显示MyClass？

我也尝试将MyClass分配给window对象，但这也不起作用。

Answer 1

我找到了一种方法来做到这一点

在main.js

中

'use strict';
window.onload = function () {
  System.import('src/myclass').then(function (myclass) {
    var mc = new myclass.MyClass(); // works
  });
}

我想，当在ES6的浏览器中实现适当的模块系统时，必须更换此机制。但是现在应该这样做。

使用traceur访问另一个ES6文件中定义的类

1 个答案: