本周，Nodejs v14.3.0 发布。这个版本包括添加顶级 Await、REPL 增强等功能。

REPL 增强

通过自动补全改进对 REPL 的预览支持，例如，下图中当输入 process.ver 之后，不需要输入剩下的实际内容，它帮我们生成了自动补全的输入预览。

顶级 Await 支持

不再需要更多的 "async await, async await..." 支持在异步函数之外使用 await 关键字。

REPL 环境下应用

在 REPL 环境下做了一个测试，似乎并没有正常工作，得到了一些错误，这是为什么呢？

根据规范，仅支持在 ES Modules 模块中可用，参考 tc39/proposal-top-level-awai

我们不能提供 “--input-type=module” 这样的标志到 REPL 环境， 这一次在 node 后加上标志 --experimental-repl-await 看以下示例，现在它可以正常工作了。

ES Modules 下应用

Nodejs 在版本 v13.2.0 取消了标记 --experimental-module 可以直接使用 ES Modules。

一种使用方式是文件后缀名使用 .mjs，另一种使用方式是还使用原来的 .js 文件，但是要设置 package.json 的 type=module，详情可以去官网查看 nodejs.org/api/esm.html

1. 创建 index.mjs

以下示例中我们使用 setTimeout 模拟了一个 sleep 函数，在指定的延迟时间下打印输出。

const sleep = (millisecond, value) => {  return new Promise(resolve => setTimeout(() => resolve(value), millisecond));};const val1 = await sleep(1000, 'Output hello after 1 second.');console.log(val1);const val2 = await sleep(2000, 'Output Nodejs after 1 second.');console.log(val2);

2. 运行 index.mjs

直接这样执行，仍然会得到一个错误，但是看最新发布的 v14.3.0 说明，也没有说明要提供什么标志，这一点产生了困惑。

Support for Top-Level Await

It's now possible to use the await keyword outside of async functions.

$ node index.mjs   file:///index.mjs:5const val1 = await sleep(1000, 'Output hello after 1 second.');             ^^^^^SyntaxError: Unexpected reserved word

在 Github issues Top-level await throws SyntaxError 上发现了一个同样的问题，解释了这个原因，在当前版本 v14.3.0 中运行时我们仍需要加上如下两个标志:

--experimental_top_level_await or --harmony_top_level_await

3. 再次运行 index.mjs

这一次运行结果是我们的期望值。

$ node --experimental_top_level_await index.mjsOutput hello after 1 second.Output Nodejs after 1 second.

Top-level await 的用途

上面介绍了 Top-level await 该如何使用，这里说下它的用途，个人认为一个比较有用的是我们可以在文件的头部做一些资源的初始化。

创建 initialize-mongo-instance.mjs

下面定义了一个初始化 MongoDB 实例的方法 initializeMongoInstance()

// initialize-mongo-instance.mjsimport mongodb from 'mongodb';const dbConnectionUrl = 'mongodb+srv://:@cluster0-on1ek.mongodb.net/test?retryWrites=true&w=majority';const { MongoClient } = mongodb;export default function initializeMongoInstance (dbName, dbCollectionName) {  return MongoClient.connect(dbConnectionUrl, { useUnifiedTopology: true })    .then(dbInstance => {      const dbObject = dbInstance.db(dbName);      const dbCollection = dbObject.collection(dbCollectionName);      console.log("[MongoDB connection] SUCCESS");      return dbCollection;    }).catch(err => {      console.log(`[MongoDB connection] ERROR: ${err}`);      throw err;    });}

index.mjs

例如，index.mjs 为我的启动文件，在启动时需要初始化上面定义的 initializeMongoInstance 方法，如果是之前只能写在一个 async 声明的异步函数中，现在有了 Top-level await 支持，可以直接像如下方式来写：

import initializeMongoInstance from './initialize-mongo-instance.mjs';const testCollection = await initializeMongoInstance('dbName', 'test');

Reference

• nodejs.org/en/blog/release/v14.3.0/
• github.com/tc39/proposal-top-level-await

推荐JavaScript经典实例学习资料文章

《深入细品浏览器原理「流程图」》

《JavaScript 已进入第三个时代，未来将何去何从？》

《前端上传前预览文件 image、text、json、video、audio「实践」》

《深入细品 EventLoop 和浏览器渲染、帧动画、空闲回调的关系》

《推荐13个有用的JavaScript数组技巧「值得收藏」》

《前端必备基础知识：window.location 详解》

《不要再依赖CommonJS了》

《犀牛书作者：最该忘记的JavaScript特性》

《36个工作中常用的JavaScript函数片段「值得收藏」》

《Node + H5 实现大文件分片上传、断点续传》

《一文了解文件上传全过程(1.8w字深度解析)「前端进阶必备」》

《【实践总结】关于小程序挣脱枷锁实现批量上传》

《手把手教你前端的各种文件上传攻略和大文件断点续传》

《字节跳动面试官：请你实现一个大文件上传和断点续传》

《谈谈前端关于文件上传下载那些事【实践】》

《手把手教你如何编写一个前端图片压缩、方向纠正、预览、上传插件》

《最全的 JavaScript 模块化方案和工具》

《「前端进阶」JS中的内存管理》

《JavaScript正则深入以及10个非常有意思的正则实战》

《前端面试者经常忽视的一道JavaScript 面试题》

《一行JS代码实现一个简单的模板字符串替换「实践」》

《JS代码是如何被压缩的「前端高级进阶」》

《前端开发规范：命名规范、html规范、css规范、js规范》

《【规范篇】前端团队代码规范最佳实践》

《100个原生JavaScript代码片段知识点详细汇总【实践】》

《关于前端174道 JavaScript知识点汇总(一)》

《关于前端174道 JavaScript知识点汇总(二)》

《关于前端174道 JavaScript知识点汇总(三)》

《几个非常有意思的javascript知识点总结【实践】》

《都2020年了，你还不会JavaScript 装饰器？》

《JavaScript实现图片合成下载》

《70个JavaScript知识点详细总结(上)【实践】》

《70个JavaScript知识点详细总结(下)【实践】》

《开源了一个 JavaScript 版敏感词过滤库》

《送你 43 道 JavaScript 面试题》

《3个很棒的小众JavaScript库，你值得拥有》

《手把手教你深入巩固JavaScript知识体系【思维导图】》

《推荐7个很棒的JavaScript产品步骤引导库》

《Echa哥教你彻底弄懂 JavaScript 执行机制》

《一个合格的中级前端工程师需要掌握的 28 个 JavaScript 技巧》

《深入解析高频项目中运用到的知识点汇总【JS篇】》

《JavaScript 工具函数大全【新】》

《从JavaScript中看设计模式(总结)》

《身份证号码的正则表达式及验证详解(JavaScript，Regex)》

《浏览器中实现JavaScript计时器的4种创新方式》

《Three.js 动效方案》

《手把手教你常用的59个JS类方法》

《127个常用的JS代码片段，每段代码花30秒就能看懂-【上】》

《深入浅出讲解 js 深拷贝 vs 浅拷贝》

《手把手教你JS开发H5游戏【消灭星星】》

《深入浅出讲解JS中this/apply/call/bind巧妙用法【实践】》

《手把手教你全方位解读JS中this真正含义【实践】》

《书到用时方恨少，一大波JS开发工具函数来了》

《干货满满!如何优雅简洁地实现时钟翻牌器(支持JS/Vue/React)》

《手把手教你JS 异步编程六种方案【实践】》

《让你减少加班的15条高效JS技巧知识点汇总【实践】》

《手把手教你JS开发H5游戏【黄金矿工】》

《手把手教你JS实现监控浏览器上下左右滚动》

《JS 经典实例知识点整理汇总【实践】》

《2.6万字JS干货分享，带你领略前端魅力【基础篇】》

《2.6万字JS干货分享，带你领略前端魅力【实践篇】》

《简单几步让你的 JS 写得更漂亮》

《恭喜你获得治疗JS this的详细药方》

《谈谈前端关于文件上传下载那些事【实践】》

《面试中教你绕过关于 JavaScript 作用域的 5 个坑》

《Jquery插件(常用的插件库)》

《【JS】如何防止重复发送ajax请求》

《JavaScript+Canvas实现自定义画板》

《Continuation 在 JS 中的应用「前端篇」》

作者：五月君 Nodejs技术栈

转发链接：https://mp.weixin.qq.com/s/tNjbpD3paVKxHmo5bq5QIw