怎么将es6语法的代码在线转成es5?

目的:有一段自定义输入的代码,想通过eval执行;
问题:eval执行的代码没有经过编译阶段babel转换,所以在IE浏览器上会解析失败。

babel应该有直接线上转换的方式,但具体该怎么配置才能将用户输入的代码先转换成es5语法再通过eval执行?

阅读 5.7k
2 个回答

就像 @madRain 说的,用 babal-standalone。
参考 @@唯一丶 给的链接:@babel/standalone

示例有中转换脚本的例子:

var input = 'const getMessage = () => "Hello World";';
var output = Babel.transform(input, { presets: ['env'] }).code;

这里 outout 就是转换出来的代码,上面示例中的输出是

use strict";

var getMessage = function getMessage() {
  return "Hello World";
};

这段代码是 eval 可执行的,也可以用 new Function(output) 生成一个函数来执行。但是要注意 eval 或新构造出来函数的执行环境。

比如上面的代码,转换出来之后 eval 是可以执行,但执行了拿不到 getMessage。要想拿到,需要把最开始的 input 修改一下,把 getMessage 注入到 window 中:

var input = 'window.getMessage = () => "Hello World";';

babel-standalone.

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题