ES6的JavaScript或者是JS模块的运行方法

我的最新博客在:Secret_wu's coding note

新增强推)如果想在Visual Studio Code编译器,要配置ES6的JavaScript运行环境可以参考:

  我的另一篇博文:配置ES6的JavaScript运行环境-Visual Studio Code

运行ES6代码(或模块)的方法:

1、可以使用Babel转码器,把ES6的JS转码成Node.js的CommonJS。

  如,在安装好Babel时,使用命令babel file.js --out dir folder。即把名为“file”的JS模块(代码)转码在名为“folder”的文件夹下。把需要用到的JS代码或者是模块代码转码为通用的JS,然后运行转码后的文件,就可以运行了。(注:Babel也提供了在线转码: https://babeljs.io/repl )

2、将ES6文件的扩展名从.js改成.mjs,然后在node命令后添加--experimental-modules来执行代码。

  如,我们要运行“moduleTry.js”文件,首先将其改后缀名为.mjs,即为“moduleTry.mjs”。然后在该文件目录下执行Node命令,即node --experimental-modules moduleTry.mjs就可以了。

3、在浏览器运行ES6模块。

  启动浏览器的实验性模式,然后在script标签中增加type="module"就可以导入我们创建的模块了。例如,<script type="module" src="xxx.js"></script>。当执行代码时打开浏览器的Developer Tools|Network标签页,就会看到我们创建的所有文件都被加载了。然后可以在控制台查看相关结果。