javascript - 使用 Traceur 从一个 ES6 文件访问另一个文件中定义的类

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?
}

如何使 MyClass 在 main.js 中可见？

我还尝试将 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 的浏览器中实现了适当的模块系统时，这种机制将不得不被替换。但现在应该可以了。