当代码是字符串时，将 Javascript ES6 重新编译为 ES5 代码

Question

我尝试使用 facebook 的 Regenerator 将 ES6 代码转换为 ES5 代码。 我需要转换的代码是由 React-ace 编辑器生成的，它是一个字符串。 Regenerator 无法识别字符串，只是将它们原样返回。

我尝试使用eval()和new Function()，这两个函数都会在传入regenerator.compile("whatever code I need to compile").code时执行，返回的值就是返回值执行的代码。

有没有办法将 React-ace（或任何浏览器文本编辑器）生成的字符串转换为 ES5 代码？是否有任何其他库允许您将 ES6 语法转换为 ES5？

带有局部函数声明的工作示例：

let testFunction = (b) => {

  let a = (c) => {
    return c
  }

  return b;
}

let regenCode = require('regenerator').compile(testFunction).code;
console.log(regenCode);

这将产生：

function testFunction(b) {

   var a = function (c) {
     return c;
   } 

   return b;
}

尝试做：

let regenCode = require('regenerator').compile("let testFunction = (b) => { let a = (c) => { return c } return b; }");

但这只会把字符串还给我

Answer 1

您只能以编程方式将 Regenerator 与 AST 一起使用，而不能与字符串一起使用。

来自Regenerator documentation：

AST 转换：

var recast = require("recast");
var ast = recast.parse(es6Source);
ast = require("regenerator").transform(ast);
var es5Source = recast.print(ast);

在您的情况下，您必须执行以下操作：

var recast = require("recast");
var ast = recast.parse("let testFunction = (b) => { let a = (c) => { return c }; return b; }");
ast = require("regenerator").transform(ast);
var es5Source = recast.print(ast);