将ES-next转换为ES-present时，‘`traceur piler`是如何工作的

Question

我用谷歌搜索了所有现有的ES-6到ES-5转译器。在那里我找到了traceur-compiler。我只是试着把它嵌入到一个页面上，发现它工作得很好。

然后，我很好奇地想了解traceur-compiler实际上是如何在引擎盖下工作的。然后我去了解了这个库的源代码，这花了我相当长的时间来理解这个库的内部实现。

我相信如果我得到一些工具或机制来显示ES-6脚本的一些样本输入的等效ES-5输出，那么我就可以理解traceur-compiler的工作原理。这会让我更容易理解工作原理。

例如，假设下面是示例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编译器的调试模式，或者其他一些方便我调试的工具。

Answer 1

只需在命令行上调用编译器即可。Here are instructions

$ ./traceur --out out/greeter.js --script greeter.js

Answer 2

您还可以使用他们的在线代码转换演示来快速了解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 )。