溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Node.js v15.x 新特性有哪些

發(fā)布時(shí)間:2021-10-15 10:01:48 來源:億速云 閱讀:128 作者:iii 欄目:web開發(fā)

這篇文章主要講解了“Node.js v15.x 新特性有哪些”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“Node.js v15.x 新特性有哪些”吧!

簡單示例

通俗的講 AbortController 表示一個(gè)控制器對象,允許我們根據(jù)需要中止一個(gè)或多個(gè) Web 請求。

下面是一個(gè)示例,在 1 秒后會(huì)執(zhí)行 ac.abort() 方法,將會(huì)觸發(fā) abort 事件,并且僅會(huì)觸發(fā)一次,這可通過  abortSignal.aborted 屬性查看前后改變狀態(tài)。

ac.signal.addEventListener('abort', () => {   console.log('Aborted!');   console.log('ac.signal.aborted:', ac.signal.aborted); }, { once: true }); setTimeout(() => ac.abort(), 1000) console.log('ac.signal.aborted:', ac.signal.aborted);

中止請求

Node.js 中我們可以選擇使用 node-fetch 這個(gè)請求處理庫,傳遞 signal 給 fetch。

假設(shè)這個(gè)請求需要等待 5 秒鐘,大約在 2 秒鐘后執(zhí)行 abort() 將會(huì)中止這個(gè)請求。

const ac = new AbortController(); import fetch from 'node-fetch';  const timer = setTimeout(() => ac.abort(), 2000) try {   const { statusText } = await fetch('http://localhost:3000/api', { signal: ac.signal })   console.log(statusText); } catch (err) {   console.log(err.name); // AbortError } finally {   clearTimeout(timer); }

中止 Promise

傳遞 ac.signal 中止一個(gè)正在運(yùn)行的 Promise,這需要我們?yōu)?ac.signal 注冊一個(gè) abort 事件,做一些處理。之后在任何地方調(diào)用  ac.abort() 中止 Promise。

使用 Promise 表示中止操作的任何 Web 平臺(tái) APIs 都必須遵循以下原則:

  • 通過一個(gè) signal 字典成員接受 AbortSignal 對象。

  • 通過 reject 一個(gè)帶有 "AbortError" DOMException 這個(gè)類的 Promise 來表示操作已中止。

  • 檢查 AbortSignal 對象的 aborted 標(biāo)志是否已經(jīng)被設(shè)置,如果是則立即 reject,否則:

  • 使用中止算法機(jī)制來觀察對 AbortSignal 對象的更改,并以不會(huì)導(dǎo)致與其他觀察者沖突的方式進(jìn)行觀察。

以下關(guān)于 doSomeThingAsync 這個(gè)異步 Promise Function 的實(shí)現(xiàn)基本上也是遵循的這些規(guī)則。

class AbortError extends Error {   constructor(message) {     super(message);     this.name = 'AbortError';   } } function doSomethingAsync({ ac }) {   return new Promise((resolve, reject) => {     console.log('task start...');     if (ac.aborted) {       return reject(new AbortError('task handler failed', 'AbortError'));     }      const timer = setTimeout(() => {       console.log('task end...');       resolve(1);     }, 5000);     ac.signal.addEventListener('abort', () => {       clearTimeout(timer);       reject(new AbortError('task handler failed', 'AbortError'));     }, { once: true });       }); }  setTimeout(() => ac.abort(), 2000) try {   await doSomethingAsync({ ac }); } catch (err) {   console.error(err.name, err.message); // AbortError task handler failed }

注意:在 Node.js 中目前并沒有 DOMException 這個(gè)類,我們無法這樣做 new DOMException('task handler  failed', 'AbortError') 所以我在剛開始先創(chuàng)建了一個(gè) AbortError 類來模擬。

Node.js 中已經(jīng)有一些異步 API 支持傳遞 signal,但是它的 DOMException 錯(cuò)誤也是在內(nèi)部通過封裝來實(shí)現(xiàn)的:

// https://github.com/nodejs/node/blob/f6b1df2226/lib/internal/fs/promises.js#L98  const lazyDOMException = hideStackFrames((message, name) => {   if (DOMException === undefined)     DOMException = internalBinding('messaging').DOMException;   return new DOMException(message, name); });  // 例如 writeFileHandle // https://github.com/nodejs/node/blob/f6b1df2226/lib/internal/fs/promises.js#L282 if (signal?.aborted) {   throw lazyDOMException('The operation was aborted', 'AbortError'); }

感謝各位的閱讀,以上就是“Node.js v15.x 新特性有哪些”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對Node.js v15.x 新特性有哪些這一問題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云,小編將為大家推送更多相關(guān)知識點(diǎn)的文章,歡迎關(guān)注!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI