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

Question

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

我尝试使用eval（）和new Function（），它们都将在传递到regenerator.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

您只能通过AST编程地使用Regenerator，而不能使用字符串。

从再生器文档中 ：

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);