做展示空间设计的网站,wordpress调用作品分类,个人网站模板代码,app软件下载大全本周#xff0c;Nodejs v14.3.0 发布。这个版本包括添加顶级 Await、REPL 增强等功能。REPL 增强通过自动补全改进对 REPL 的预览支持#xff0c;例如#xff0c;下图中当输入 process.ver 之后#xff0c;不需要输入剩下的实际内容#xff0c;它帮我们生成了自动补全的输…本周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-typemodule” 这样的标志到 REPL 环境 这一次在 node 后加上标志 --experimental-repl-await 看以下示例现在它可以正常工作了。ES Modules 下应用Nodejs 在版本 v13.2.0 取消了标记 --experimental-module 可以直接使用 ES Modules。一种使用方式是文件后缀名使用 .mjs另一种使用方式是还使用原来的 .js 文件但是要设置 package.json 的 typemodule详情可以去官网查看 nodejs.org/api/esm.html1. 创建 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 AwaitIts 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_await3. 再次运行 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 mongodbsrv://:cluster0-on1ek.mongodb.net/test?retryWritestruewmajority;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);Referencenodejs.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中看设计模式(总结)》《身份证号码的正则表达式及验证详解(JavaScriptRegex)》《浏览器中实现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请求》《JavaScriptCanvas实现自定义画板》《Continuation 在 JS 中的应用「前端篇」》作者五月君 Nodejs技术栈转发链接https://mp.weixin.qq.com/s/tNjbpD3paVKxHmo5bq5QIw
