0

我用谷歌搜索找到任何现有的 ES-6 到 ES-5 转译器。在那里我找到了 traceur-compiler。我只是通过嵌入页面来尝试它，发现它工作正常。

然后我很想知道traceur-compiler引擎盖下的实际工作方式。然后我去了解库的源代码，这花了我很长时间来了解库的内部实现。

我相信如果我得到一些工具或某种机制来理解工作原理，traceur-compiler这些工具或机制显示了 ES-6 脚本的某些示例输入的等效 ES-5 输出。对我来说理解工作会容易得多。

例如，假设以下是示例 ES-6 代码

      class Greeter {
        constructor(message) {
          this.message = message;
        }
        greet() {
          console.info(this.message); // 'Hello, world!'
        }
      };
      var greeter = new Greeter('Hello, world!');
      greeter.greet();

我想知道上面代码的 ES-5 等价物。

任何想法是否有 traceur-compiler 的调试模式或其他有助于我的工具。

4

2 回答 2

1

只需在命令行上调用编译器。以下是说明：

$ ./traceur --out out/greeter.js --script greeter.js
于 2015-05-11T15:08:49.873 回答
1

您还可以使用他们的在线转码演示来快速了解 ES5 生成的内容。我做了一个简单的类，并在这里看到生成的 JS：

http://google.github.io/traceur-compiler/demo/repl.html#class%20Foo%20%7B%0A%20%20constructor()%20%7B%0A%20%20%20%20this。 bar%20%3D%20%22yay%22%3B%0A%20%20%7D%0A%7D%0A%0A%0A%20%20

（如果上述链接停止工作，请尝试http://google.github.io/traceur-compiler/demo/repl.html ）。

于 2015-09-25T02:29:46.677 回答