浅谈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 相关文章推荐
用javascript实现分割提取页面所需内容
May 09 Javascript
js 巧妙去除数组中的重复项
Jan 25 Javascript
浅析return false的正确使用
Nov 04 Javascript
JQuery动画animate的stop方法使用详解
May 09 Javascript
JQuery查找DOM节点的方法
Jun 11 Javascript
使用HTML+CSS+JS制作简单的网页菜单界面
Jul 27 Javascript
基于jquery实现左右按钮点击的图片切换效果
Jan 27 Javascript
jQuery根据name属性进行查找的用法分析
Jun 23 Javascript
理解javascript中的闭包
Jan 11 Javascript
详解Vue 中 extend 、component 、mixins 、extends 的区别
Dec 20 Javascript
vue vue-Router默认hash模式修改为history需要做的修改详解
Sep 13 Javascript
jsonp格式前端发送和后台接受写法的代码详解
Nov 07 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+MYSQL 出现乱码的解决方法
2008/08/08 PHP
PHP判断浏览器、判断语言代码分享
2015/03/05 PHP
PHP Oauth授权和本地加密实现方法
2016/08/12 PHP
PHP中的异常处理机制深入讲解
2020/11/10 PHP
javascript实现仿银行密码输入框效果的代码
2007/12/13 Javascript
jQuery 表单验证扩展(三)
2010/10/20 Javascript
ToolTips JQEURY插件之简洁小提示框效果
2011/11/19 Javascript
了解jQuery技巧来提高你的代码(个人觉得那个jquery的手册很不错)
2012/02/10 Javascript
jQuery $命名冲突解决方案汇总
2014/11/13 Javascript
jQuery的position()方法详解
2015/07/19 Javascript
深入探讨javascript函数式编程
2015/10/11 Javascript
javascript原型继承工作原理和实例详解
2016/04/07 Javascript
【经典源码收藏】jQuery实用代码片段(筛选,搜索,样式,清除默认值,多选等)
2016/06/07 Javascript
JS图片等比例缩放方法完整示例
2016/08/03 Javascript
JS弹出新窗口被拦截的解决方法
2016/08/09 Javascript
JavaScript 字符串常用操作小结(非常实用)
2016/11/30 Javascript
BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)
2016/11/30 Javascript
JavaScript实现事件的中断传播和行为阻止方法示例
2017/01/20 Javascript
关于vuex的学习实践笔记
2017/04/05 Javascript
jQuery EasyUI开发技巧总结
2017/09/26 jQuery
深入浅析JSONAPI在PHP中的应用
2017/12/24 Javascript
vue几个常用跨域处理方式介绍
2018/02/07 Javascript
JavaScript模板引擎应用场景及实现原理详解
2018/12/14 Javascript
python在Windows8下获取本机ip地址的方法
2015/03/14 Python
Python多线程同步---文件读写控制方法
2019/02/12 Python
Python while true实现爬虫定时任务
2020/06/08 Python
python3 中使用urllib问题以及urllib详解
2020/08/03 Python
简述Linux文件系统通过i节点把文件的逻辑结构和物理结构转换的工作过程
2012/04/17 面试题
仓库保管员岗位职责
2013/12/20 职场文书
前厅收银主管岗位职责
2014/02/04 职场文书
《雪儿》教学反思
2014/04/17 职场文书
2014党员民主评议个人总结
2014/09/10 职场文书
防溺水主题班会教案
2015/08/12 职场文书
追悼会答谢词范文
2015/09/29 职场文书
《落花生》教学反思
2016/02/16 职场文书
据Python爬虫不靠谱预测可知今年双十一销售额将超过6000亿元
2021/11/11 Python