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

星空
  • 1.1k

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

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

评论
阅读 484
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.

撰写回答

登录后参与交流、获取后续更新提醒

宣传栏