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

发布于 2022-09-12 04:43:14 字数 141 浏览 14 评论 0

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

够运 2022-09-19 04:43:15

就像 @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";';
弥繁 2022-09-19 04:43:15

babel-standalone.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文