Node.js 18 新特性解读

本文由 eggjs 核心开发者(阿里 天猪) 授权分享,如需转载请联系原作者

概述

Node.js 刚刚发布了 18.0.0 版本,内置了 fetch 和 node:test 等标准模块。

一句话点评:std lib 在标准化,user lib 在精细化。

如何快速体验

推荐用 fnm,nvs,nvm 等 Node.js 版本管理器。

$ fnm install 18
Installing Node v18.0.0 (arm64)

$ fnm use 18
Using Node v18.0.0

$ node -v
v18.0.0

需要注意的是,该版本不是 LTS 版本,请勿在生产环境使用,需要等到 2022-10-25 才会成为 LTS 版本。

cf8f4d0e2a1a0596a4c853da6ec77caf.png

Looking to the future

The project is also continuing its ‘Next 10’ effort. The goal of this effort is to reflect on what led to success in the first 10 years of Node.js and set the direction for success in the next 10.

Node.js 官方启动了 next-10 工作,并讨论出了未来重要的几件事:

  • 现代化的 HTTP

  • 友好的类型支持

  • 对初学者更友好的渐进式文档

  • 对 ECMAScript 规范的支持和及时跟进

  • 可观测性,包括 logging/metrics/tracing,以及 APM 等

  • 更好的多线程支持

  • 支持打包为单文件的分发方式

譬如前面说的 Fetch 就和 Modern HTTP 的会议讨论有关,相关纪要。

6 月份的 OpenJS World 会议中将分享 ESM 和 Observability 进展,可以关注下相关动态。

Fetch API

前端同学应该都很熟悉 fetch() 这个 API,它提供了标准的网络请求能力,取代了远古的 XMLHttpRequest 。

反观 Node.js 侧,官方提供的 http.request() 太底层太基础了,用起来往往需要大量的封装。譬如 302 后自动跳转、文件上传、响应结果解析等等。因此在 Node.js 社区有非常多的上层请求库封装:

  • 曾经广受社区欢迎的 request 库去年宣布停止维护后,也引起了社区比较大的混乱。

  • 我们 Egg 内置的是 urllib,沉淀了阿里多年在网络请求上踩的坑,足够稳定,不过代码也有点久远了。

  • 更多参见 Alternative libraries to request, 以及 《天猪:那些你应该说再见的 npm 祖传老库》。

去年 Node.js 官方推出了 undici,一个非常现代化的库,具备优越的性能,良好的扩展性,内置的 mock 等能力,集大成者。

undici 的命名也很有趣:A HTTP/1.1 client → 11 → Eleven → Undici,即意大利语的 11。

从而 Node.js 终于内置了新的请求库,它遵循 Fetch 规范,底层就是基于 undici 来实现的。

const res = await fetch('https://nodejs.org/api/documentation.json');
if (res.ok) {
  const data = await res.json();
  console.log(data);
}

就这么简单,比 http.request() 那一坨 callback-style 代码简洁多了,平时写个脚本啥的,不用再引入额外的类库了。

全局增加了 fetch, FormData, Headers, Request, Response 这几个 API,以及 Web Streams API。

目前还处于默认开启的实验性特性阶段,文档在 Globals 章节,近乎没有,有需要直接看 MDN 文档 即可。

可能是为了遵循规范, undici 的很多能力如 Mock,Proxy,Pool 等都没有提供出来。

Test Runner

单元测试很重要,很多新兴的编程语言都是会内置对应的能力,但前端这块一直都是由社区来实现,前端同学耳熟能详的 Test Runner 有 Mocha、Jest。

// mocha showcase
import assert from 'assert/strict';

describe('test/index.test.js', () => {
  it('test1', async () => {
    const res = await fetch('https://nodejs.org/api/documentation.json');
    assert(res.ok);
  });

  it.skip('skip some test', () => {});
});

终于,Node.js 在 18.x 里官方支持了 Test 能力:

import test from 'node:test';
import assert from 'assert/strict';

// 等价于 describe()
test('asynchronous passing test', async () => {
  const res = await fetch('https://nodejs.org/api/documentation.json');
  assert(res.ok);
});

test('multi level test', async (t) => {
  // 等价于 it()
  await t.test('subtest 1', (t) => {
    assert.strictEqual(1, 1);
  });

  await t.test('subtest 2', (t) => {
    assert.strictEqual(2, 2);
  });
});

// 等价于 describe.skip() / it.skip()
test('skip option', { skip: true }, () => {});

// 等价于 describe.only() / it.only()
test('only option', { only: true }, () => {});

可以看到:

  • 语法其实差不多,会更简洁一点,就一个 test(),options 除了 skip 和 only 外,还支持 concurrency 并发。

  • 无需启动器,每一个文件都是一个独立可执行的 Node.js 代码。

  • 暂未支持 before/after/beforeEach/afterEach 能力,看 issue 描述会后续支持。

  • 暂未支持 Reporter,但日志输出为标准 TAP 格式,所以应该很容易能复用现有的社区生态。类似覆盖率的演进过程,以前我们需要通过 nyc 对代码转译打桩,现在变为 Node.js 内置覆盖率输出,nyc 简化为 c8 这样的覆盖率报告生成工具。

后续 Mocha 等估计会变为类似的上层封装,提供批量执行 和 Reporter 等能力。

Build-time user-land snapshot

简单的说,可以把某个 js 直接编译成 v8 snapshot,从而可以极大的提速启动时间。

目前这个版本,还只能通过 Node.js 源码来编译,且只能编译成 Node.js Runtime 的方式,即 Build-time。

# 把一段 markdown 渲染的逻辑,直接打包到 Node Runtime
$ cd /path/to/node/source
$ ./configure --node-snapshot-main=marked.js
$ make node

# 执行编译好的 Node Runtime
$ out/Release/node
> const html = globalThis.marked('# this is title');

秋怡正在继续推进该能力,未来可以无需编译 Node.js 源码:

$ node --build-snapshot --snapshot-blob marked.blob marked.js 
$ node --snapshot-blob marked.blob

PS:这个能力用在命令行 CLI 的独立打包好像也不错。https://github.com/nodejs/node/issues/42566

V8 引擎升级

内置的 V8 引擎升级到 10.1 版本,值得注意的特性:

  • class fields 和 private class methods 的性能优化。

  • Intl 规范 的支持,在做日期的本地化,字符串处理的时候非常有用。

  • 数组支持 findLast() 和 findLastIndex() 等。秋怡也写了一篇文章 Faster initialization of instances with new class features 分享了背后的实现。

PS:ECMAScript 双月报告:装饰器提案进入 Stage 3 ,阿里的 Node 架构团队今年会推动 Decorator 方案在 V8 的落地实现,不过肯定赶不上了,只能 Node.js 20.x 见了。

ESM 的支持

虽然在 18.x 中没有新的内容,但在过去的几个月中一直在持续推动 ECMAScript模块实现:

  • 对 JSON Import Assertions 的支持。

  • JSON 模块的正式支持。

  • 对 HTTPS 和 HTTP 导入的实验性支持。

  • Node.js 加载器团队也在继续开发 ECMAScript 模块加载器实现。

工具链和编译器的升级

  • Linux 版是在 RHEL8 上构建的,要求 glibc 2.28 以上版本。

  • macOS 要求 10.15 以上版本。

  • Windows 很多旧版本也不支持了。PS:CentOS 7 官方不再维护了,它对应的 glibc 版本太低,所以升不了。。。

  • centos7和8不维护停止更新之后,服务器选择使用什么系统好?

  • doc: update minimum glibc requirements for Linux by richardlau

原文地址: https://zhuanlan.zhihu.com/p/502951532?utm_source=wechat_session&utm_medium=social&s_r=0

引用:

  • https://nodejs.org/en/blog/announcements/v18-release-announce/

  • https://nodejs.org/en/blog/release/v18.0.0/

源码

最后, 送人玫瑰,手留余香,觉得有收获的朋友可以点赞,关注一波 ,我们组建了高级前端交流群,如果您热爱技术,想一起讨论技术,交流进步,不管是面试题,工作中的问题,难点热点都可以在交流群交流,为了拿到大Offer,邀请您进群,入群就送前端精选100本电子书以及 阿里面试前端精选资料 添加 下方小助手二维码或者扫描二维码 就可以进群。让我们一起学习进步.

27980cbdd319ee8fc98e3339aba41d30.png

0b3d0b5ea3a820b1ba78301f178c12be.png


推荐阅读

(点击标题可跳转阅读)

[极客前沿]-你不知道的 React 18 新特性

[极客前沿]-写给前端的 K8s 上手指南

[极客前沿]-写给前端的Docker上手指南

[面试必问]-你不知道的 React Hooks 那些糟心事

[面试必问]-一文彻底搞懂 React 调度机制原理

[面试必问]-一文彻底搞懂 React 合成事件原理

[面试必问]-全网最简单的React Hooks源码解析

[面试必问]-一文掌握 Webpack 编译流程

[面试必问]-一文深度剖析 Axios 源码

[面试必问]-一文掌握JavaScript函数式编程重点

[面试必问]-阿里,网易,滴滴,头条等20家面试真题

[面试必问]-全网最全 React16.0-16.8 特性总结

[架构分享]- 微前端qiankun+docker+nginx自动化部署

[架构分享]-石墨文档 Websocket 百万长连接技术实践

[自我提升]-Javascript条件逻辑设计重构

[自我提升]-送给React开发者十九条性能优化建议

[自我提升]-页面可视化工具的前世今生

[大前端之路]-连前端都看得懂的《Nginx 入门指南》

[软实力提升]-金三银四,如何写一份面试官心中的简历

觉得本文对你有帮助?请分享给更多人

关注「React中文社区」加星标,每天进步

24ac1c6afc538867fa6c19421996847f.png   

点个赞👍🏻,顺便点个 在看 支持下我吧

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值