简单配置，让ES6脚本在浏览器里飞

最新推荐文章于 2022-11-12 12:32:47 发布

anci8383

最新推荐文章于 2022-11-12 12:32:47 发布

阅读量118

点赞数

原文链接：http://www.cnblogs.com/yixiaoheng/p/es6runinbrowser.html

版权

如果你只是想学习ES6语法，找个地方练习下写法。不想看环境如何搭配，就想简单的学习，那有两种简单的方式。

1、在Chrome浏览器里直接F12调出控制台

2、在浏览器里跑引用ES6的HTML页面

babel-standalone是一个在非Node环境的Babel独立编译，这个非Node环境包括浏览器。

可以去 babel-standalone Github 详细了解一下。

使用方式：下载babel.js或者babel.min.js 下载babel-standalone ，引入页面。

脚本type用 text/babel，然后，就没有然后了。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="uft-8">
    <title>测试</title>
    <script src="babel.js"></script>
    <script type="text/babel">
      console.log("tt");
      var a = [];
      for (let i = 0; i < 10; i++) {
        a[i] = function () {
          console.log(i);
        };
      }
      a[6]();
    </script>
</head>
<body>

</body>
</html>

转载于:https://www.cnblogs.com/yixiaoheng/p/es6runinbrowser.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

anci8383

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简单配置，让ES6脚本在浏览器里飞

如果你只是想学习ES6语法，找个地方练习下写法。不想看环境如何搭配，就想简单的学习，那有两种简单的方式。1、在Chrome浏览器里直接F12调出控制台2、在浏览器里跑引用ES6的HTML页面babel-standalone是一个在非Node环境的Babel独立编译，这个非Node环境包括浏览器。可以去 babel-standalone Github详细了解...
复制链接

扫一扫