浅谈Node新版本13.2.0正式支持ES Modules特性


Posted in Javascript onNovember 25, 2019

在本月 21 日,即2019.11.21,Node.js 发布了 13.2.0 版本,更新了一些特性。其中最令人兴奋的莫过于正式取消了 --experimental-modules 启动参数。这说明Node.js 正式支持 ES modules。我们一起来看看。

Stability Index说明

Stability Index,即 Api 的稳定指数说明。它包括3个值:

  1. Stability: 0 ,不推荐使用。表示该Api官方不推荐使用,该功能可能会发出警告。不能保证向后兼容。
  2. Stability: 1,实验性的。表示该Api已经支持使用性使用。但是在将来的任何发行版中都可能发生非向后兼容的更改或删除。不建议在生产环境中使用该功能。

Stability: 2,稳定版。表示已经试验完成,基本不会再发生改动,可以再生产环境中使用。

Unflag --experimental-modules

在 13.2.0的版本中,node 默认情况下会启用对ECMAScript模块的实验支持,也就是不需要启动参数了。那么nodejs是如何区分 esm 和 commonjs 的呢?这里翻译一下官方文档。
Node.js会将把以下内容视为ES模块:

  • 文件后缀为.mjs
  • 当文件后缀为.js,或者无文件后缀时,看其package.json文件,package.json 中 type 字段值为 "module"
  • 启动参数添加 —-input-type=module
  • 使用传递字符参数给--eval,如$ node --eval 'import("http");

其他情况下,都会被识别为 commonjs。现在node已经支持esm和commonjs了,我们在使用的时候,最好还是指定一下模块。

举个例子?

import './legacy-file.cjs';
// Loaded as CommonJS since .cjs is always loaded as CommonJS.

import 'commonjs-package/src/index.mjs';
// Loaded as ES module since .mjs is always loaded as ES module.

这种情况,根据文件后缀按不同模块处理。

// package.json
{
 "type": "module"
}

当前目录下,或者上级目录中的package.json含有"type": "module"时,该模块会被当作ES Module。

// my-app.js, in an ES module package scope because there is a package.json
// file in the same folder with "type": "module".

import './startup/init.js';
// Loaded as ES module since ./startup contains no package.json file,
// and therefore inherits the ES module package scope from one level up.

import 'commonjs-package';
// Loaded as CommonJS since ./node_modules/commonjs-package/package.json
// lacks a "type" field or contains "type": "commonjs".

import './node_modules/commonjs-package/index.js';
// Loaded as CommonJS since ./node_modules/commonjs-package/package.json
// lacks a "type" field or contains "type": "commonjs".

如上图注释所示,如果当前文件目录不包含package.json,则会看其父级目录的package.json文件,然后判断type类型。

node --input-type=module --eval "import { sep } from 'path'; console.log(sep);"
echo "import { sep } from 'path'; console.log(sep);" | node --input-type=module

这里就是使用传递字符参数给--eval,添加 --input-type启动参数的情况。

快速体验

目前13.2.0版本的官方文档对ES Module的标记是 Stability: 1,你已经可以安装新版本来试验啦。相信在社区的共同努力下,很快就会进入 Stability: 2 正式稳定版了。

本地开发的时候,经常需要快速更新或切换不同的node版本。可以使用 nvm、n 等方案,还有一个跨平台的本地管理方案就是 nvs。都可以选择使用,这里我举的例子,就是使用 nvs:

$ nvs add node/13.2.0
$ nvs use 13.2.0
$ node -v
13.2.0

赶紧尝试一下吧~

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
Jun 28 Javascript
js动态生成Html元素实现Post操作(createElement)
Sep 14 Javascript
chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式
Oct 09 Javascript
每天一篇javascript学习小结(面向对象编程)
Nov 20 Javascript
JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
Apr 28 Javascript
微信小程序--组件(swiper)详细介绍
Jun 13 Javascript
webpack实现热更新(实施同步刷新)
Jul 28 Javascript
vue中v-for通过动态绑定class实现触发效果
Dec 06 Javascript
微信小程序新手教程之启动页的重要性
Mar 03 Javascript
详解bootstrap-fileinput文件上传控件的亲身实践
Mar 21 Javascript
vant中的toast轻提示实现代码
Nov 04 Javascript
详解微信小程序「渲染层网络层错误」的解决方法
Jan 06 Javascript
微信小程序实现按字母排列选择城市功能
Nov 25 #Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
Nov 25 #Javascript
jquery使用echarts实现有向图可视化功能示例
Nov 25 #jQuery
如何优雅地在Node应用中进行错误异常处理
Nov 25 #Javascript
jQuery Raty星级评分插件使用方法实例分析
Nov 25 #jQuery
uni-app实现点赞评论功能
Nov 25 #Javascript
js prototype深入理解及应用实例分析
Nov 25 #Javascript
You might like
PHP正则验证Email的方法
2015/06/15 PHP
php命令行写shell实例详解
2018/07/19 PHP
在php的yii2框架中整合hbase库的方法
2018/09/20 PHP
php连接sftp的作用以及实例代码
2019/09/23 PHP
Google韩国首页图标动画效果
2007/08/26 Javascript
关于锚点跳转及jQuery下相关操作与插件
2012/10/01 Javascript
ajax上传时参数提交不更新等相关问题
2012/12/11 Javascript
javaScript让文本框内的最后一个文字的后面获得焦点实现代码
2013/01/06 Javascript
js每隔5分钟执行一次ajax请求的实现方法
2013/11/27 Javascript
css如何让浮动元素水平居中
2015/08/07 Javascript
AngularJS入门教程之AngularJS指令
2016/04/18 Javascript
深入浅析JavaScript中with语句的理解
2016/05/12 Javascript
浅谈js数组和splice的用法
2016/12/04 Javascript
javascript基本数据类型及类型检测常用方法小结
2016/12/14 Javascript
详解Vue路由开启keep-alive时的注意点
2017/06/20 Javascript
微信小程序实现点击按钮移动view标签的位置功能示例【附demo源码下载】
2017/12/06 Javascript
JavaScript闭包相关知识解析
2019/10/19 Javascript
JavaScript中如何对多维数组(矩阵)去重的实现
2019/12/04 Javascript
[05:16]《大圣!大圣》——DOTA2新英雄齐天大圣配音李世宏老师专访
2016/12/13 DOTA
跟老齐学Python之眼花缭乱的运算符
2014/09/14 Python
python中Pycharm 输出中文或打印中文乱码现象的解决办法
2017/06/16 Python
Python无损音乐搜索引擎实现代码
2018/02/02 Python
详解Python:面向对象编程
2019/04/10 Python
python操作kafka实践的示例代码
2019/06/19 Python
详解python播放音频的三种方法
2019/09/23 Python
详解python常用命令行选项与环境变量
2020/02/20 Python
jupyter notebook 多环境conda kernel配置方式
2020/04/10 Python
Tensorflow卷积实现原理+手写python代码实现卷积教程
2020/05/22 Python
python中导入 train_test_split提示错误的解决
2020/06/19 Python
python将数据插入数据库的代码分享
2020/08/16 Python
HTML5和以前HTML4的区别整理
2013/10/20 HTML / CSS
《放飞蜻蜓》教学反思
2014/04/27 职场文书
小学竞选班干部演讲稿
2014/08/20 职场文书
廉洁自律承诺书范文
2015/04/28 职场文书
签字仪式主持词
2015/07/03 职场文书
Oracle更换为MySQL遇到的问题及解决
2021/05/21 Oracle