成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

把 Node.js 中的回調轉換為 Promise

開發 前端
在本文中,我們將討論如何將 JavaScript 回調轉換為 Promise。ES6 的知識將會派上用場,因為我們將會使用 展開操作符之類的功能來簡化要做的事情。

介紹

在幾年前,回調是 JavaScript 中實現執行異步代碼的唯一方法。回調本身幾乎沒有什么問題,最值得注意的是“回調地獄”。

在 ES6 中引入了 Promise 作為這些問題的解決方案。最后通過引入 async/await 關鍵字來提供更好的體驗并提高了可讀性。

即使有了新的方法,但是仍然有許多使用回調的原生模塊和庫。在本文中,我們將討論如何將 JavaScript 回調轉換為 Promise。ES6 的知識將會派上用場,因為我們將會使用 展開操作符之類的功能來簡化要做的事情。

什么是回調

回調是一個函數參數,恰好是一個函數本身。雖然我們可以創建任何函數來接受另一個函數,但回調主要用于異步操作。

JavaScript 是一種解釋性語言,一次只能處理一行代碼。有些任務可能需要很長時間才能完成,例如下載或讀取大文件等。JavaScript 將這些運行時間很長的任務轉移到瀏覽器或 Node.js 環境中的其他進程中。這樣它就不會阻止其他代碼的執行。

通常異步函數會接受回調函數,所以完成之后可以處理其數據。

舉個例子,我們將編寫一個回調函數,這個函數會在程序成功從硬盤讀取文件之后執行。

所以需要準備一個名為 sample.txt 的文本文件,其中包含以下內容:

  1. Hello world from sample.txt 

然后寫一個簡單的 Node.js 腳本來讀取文件:

  1. const fs = require('fs'); 
  2.  
  3. fs.readFile('./sample.txt', 'utf-8', (err, data) => { 
  4.     if (err) { 
  5.         // 處理錯誤 
  6.         console.error(err); 
  7.           return; 
  8.     } 
  9.     console.log(data); 
  10. }); 
  11.  
  12. for (let i = 0; i < 10; i++) { 
  13.     console.log(i); 

運行代碼后將會輸出:

  1. ... 
  2. Hello world from sample.txt 

如果這段代碼,應該在執行回調之前看到 0..9 被輸出到控制臺。這是因為 JavaScript 的異步管理機制。在讀取文件完畢之后,輸出文件內容的回調才被調用。

順便說明一下,回調也可以在同步方法中使用。例如 Array.sort() 會接受一個回調函數,這個函數允許你自定義元素的排序方式。

接受回調的函數被稱為“高階函數”。

現在我們有了一個更好的回調方法。那么們繼續看看什么是 Promise。

什么是 Promise

在 ECMAScript 2015(ES6)中引入了 Promise,用來改善在異步編程方面的體驗。顧名思義,JavaScript 對象最終將返回的“值”或“錯誤”應該是一個 Promise。

一個 Promise 有 3 個狀態:

  • Pending(待處理):用來指示異步操作尚未完成的初始狀態。
  • Fulfilled(已完成):表示異步操作已成功完成。
  • Rejected(拒絕):表示異步操作失敗。

大多數 Promise 最終看起來像這樣:

  1. someAsynchronousFunction() 
  2.     .then(data => { 
  3.         // promise 被完成 
  4.         console.log(data); 
  5.     }) 
  6.     .catch(err => { 
  7.         // promise 被拒絕 
  8.         console.error(err); 
  9.     }); 

Promise 在現代 JavaScript 中非常重要,因為它們與 ECMAScript 2016 中引入的 async/await 關鍵字一起使用。使用 async / await 就不需要再用回調或 then() 和 catch() 來編寫異步代碼。

如果要改寫前面的例子,應該是這樣:

  1. try { 
  2.     const data = await someAsynchronousFunction(); 
  3. } catch(err) { 
  4.     // promise 被拒絕 
  5.     console.error(err); 

這看起來很像“一般的”同步 JavaScript。大多數流行的JavaScript庫和新項目都把 Promises 與 async/await 關鍵字放在一起用。

但是,如果你要更新現有的庫或遇到舊的代碼,則可能會對將基于回調的 API 遷移到基于 Promise 的 API 感興趣,這樣可以改善你的開發體驗。

來看一下將回調轉換為 Promise 的幾種方法。

將回調轉換為 Promise

Node.js Promise

大多數在 Node.js 中接受回調的異步函數(例如 fs 模塊)有標準的實現方式:把回調作為最后一個參數傳遞。

例如這是在不指定文本編碼的情況下用 fs.readFile() 讀取文件的方法:

  1. fs.readFile('./sample.txt', (err, data) => { 
  2.     if (err) { 
  3.         console.error(err); 
  4.           return; 
  5.     } 
  6.     console.log(data); 
  7. }); 

注意:如果你指定 utf-8 作為編碼,那么得到的輸出是一個字符串。如果不指定得到的輸出是 Buffer。

另外傳給這個函數的回調應接受 Error,因為它是第一個參數。之后可以有任意數量的輸出。

如果你需要轉換為 Promise 的函數遵循這些規則,那么可以用 util.promisify ,這是一個原生 Node.js 模塊,其中包含對 Promise 的回調。

首先導入ʻutil`模塊:

  1. const util = require('util'); 

然后用 promisify 方法將其轉換為 Promise:

  1. const fs = require('fs'); 
  2. const readFile = util.promisify(fs.readFile); 

現在,把新創建的函數用作 promise:

  1. readFile('./sample.txt', 'utf-8') 
  2.     .then(data => { 
  3.         console.log(data); 
  4.     }) 
  5.     .catch(err => { 
  6.         console.log(err); 
  7.     }); 

另外也可以用下面這個示例中給出的 async/await 關鍵字:

  1. const fs = require('fs'); 
  2. const util = require('util'); 
  3.  
  4. const readFile = util.promisify(fs.readFile); 
  5.  
  6. (async () => { 
  7.     try { 
  8.         const content = await readFile('./sample.txt', 'utf-8'); 
  9.         console.log(content); 
  10.     } catch (err) { 
  11.         console.error(err); 
  12.     } 
  13. })(); 

你只能在用 async 創建的函數中使用 await 關鍵字,這也是為什么要使用函數包裝器的原因。函數包裝器也被稱為立即調用的函數表達式。

如果你的回調不遵循這個特定標準也不用擔心。util.promisify() 函數可讓你自定義轉換是如何發生的。

注意:Promise 在被引入后不久就開始流行了。Node.js 已經將大部分核心函數從回調轉換成了基于 Promise 的API。

如果需要用 Promise 處理文件,可以用 Node.js 附帶的庫(https://nodejs.org/docs/latest-v10.x/api/fs.html#fs_fs_promises_api)。

現在你已經了解了如何將 Node.js 標準樣式回調隱含到 Promise 中。從 Node.js 8 開始,這個模塊僅在 Node.js 上可用。如果你用的是瀏覽器或早期版本版本的 Node,則最好創建自己的基于 Promise 的函數版本。

2. 創建你自己的 Promise

讓我們討論一下怎樣把回調轉為 util.promisify() 函數的 promise。

思路是創建一個新的包含回調函數的 Promise 對象。如果回調函數返回錯誤,就拒絕帶有該錯誤的Promise。如果回調函數返回非錯誤輸出,就解決并輸出 Promise。

先把回調轉換為一個接受固定參數的函數的 promise 開始:

  1. const fs = require('fs'); 
  2.  
  3. const readFile = (fileName, encoding) => { 
  4.     return new Promise((resolve, reject) => { 
  5.         fs.readFile(fileName, encoding, (err, data) => { 
  6.             if (err) { 
  7.                 return reject(err); 
  8.             } 
  9.  
  10.             resolve(data); 
  11.         }); 
  12.     }); 
  13.  
  14. readFile('./sample.txt') 
  15.     .then(data => { 
  16.         console.log(data); 
  17.     }) 
  18.     .catch(err => { 
  19.         console.log(err); 
  20.     }); 

新函數 readFile() 接受了用來讀取 fs.readFile() 文件的兩個參數。然后創建一個新的 Promise 對象,該對象包裝了該函數,并接受回調,在本例中為 fs.readFile()。

要 reject Promise 而不是返回錯誤。所以代碼中沒有立即把數據輸出,而是先 resolve 了Promise。然后像以前一樣使用基于 Promise 的 readFile() 函數。

接下來看看接受動態數量參數的函數:

  1. const getMaxCustom = (callback, ...args) => { 
  2.     let max = -Infinity; 
  3.  
  4.     for (let i of args) { 
  5.         if (i > max) { 
  6.             max = i
  7.         } 
  8.     } 
  9.  
  10.     callback(max); 
  11.  
  12. getMaxCustom((max) => { console.log('Max is ' + max) }, 10, 2, 23, 1, 111, 20); 

第一個參數是 callback 參數,這使它在接受回調的函數中有點與眾不同。

轉換為 promise 的方式和上一個例子一樣。創建一個新的 Promise 對象,這個對象包裝使用回調的函數。如果遇到錯誤,就 reject,當結果出現時將會 resolve。

我們的 promise 版本如下:

  1. const getMaxPromise = (...args) => { 
  2.     return new Promise((resolve) => { 
  3.         getMaxCustom((max) => { 
  4.             resolve(max); 
  5.         }, ...args); 
  6.     }); 
  7.  
  8. getMaxCustom(10, 2, 23, 1, 111, 20) 
  9.     .then(max => console.log(max)); 

在創建 promise 時,不管函數是以非標準方式還是帶有許多參數使用回調都無關緊要。我們可以完全控制它的完成方式,并且原理是一樣的。

總結

盡管現在回調已成為 JavaScript 中利用異步代碼的默認方法,但 Promise 是一種更現代的方法,它更容易使用。如果遇到了使用回調的代碼庫,那么現在就可以把它轉換為 Promise。

在本文中,我們首先學到了如何 在Node.js 中使用 utils.promisfy() 方法將接受回調的函數轉換為 Promise。然后,了解了如何創建自己的 Promise 對象,并在對象中包裝了無需使用外部庫即可接受回調的函數。這樣許多舊 JavaScript 代碼可以輕松地與現代的代碼庫和混合在一起。

 

責任編輯:趙寧寧 來源: 前端先鋒
相關推薦

2022-10-12 08:00:00

語音識別Node.js音頻質量

2022-06-04 07:21:19

requireJSNode.js

2021-05-21 09:36:42

開發技能代碼

2016-08-11 14:02:02

NodeJS前端

2020-04-15 15:48:03

Node.jsstream前端

2024-01-05 08:49:15

Node.js異步編程

2013-11-01 09:34:56

Node.js技術

2015-03-10 10:59:18

Node.js開發指南基礎介紹

2017-03-19 16:40:28

漏洞Node.js內存泄漏

2017-03-20 13:43:51

Node.js內存泄漏

2013-12-13 09:42:30

Node.js技術

2021-12-25 22:29:57

Node.js 微任務處理事件循環

2012-02-03 09:25:39

Node.js

2020-05-29 15:33:28

Node.js框架JavaScript

2020-11-02 11:40:24

Node.jsRequire前端

2021-03-04 23:12:57

Node.js異步迭代器開發

2021-12-01 00:05:03

Js應用Ebpf

2011-09-08 14:16:12

Node.js

2020-01-03 16:04:10

Node.js內存泄漏

2011-09-08 13:53:31

Node.js
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 日日爱视频 | 色综合天天天天做夜夜夜夜做 | 久草欧美视频 | 黄色一级片视频 | 国产精品久久久久久吹潮 | 久久一本 | 欧美性精品 | 鲁一鲁资源影视 | 成人福利网 | 久久人体视频 | 国产 日韩 欧美 中文 在线播放 | 亚洲va国产日韩欧美精品色婷婷 | 天堂网avav| 精品福利一区 | 人成久久 | 久久蜜桃av一区二区天堂 | 日韩综合在线 | 日本一本视频 | 亚洲精选一区二区 | 午夜精品一区二区三区在线视频 | 天堂网色 | 伊人爽| 四虎海外 | 91精品久久久久久久久久入口 | 欧美日韩精品一区二区三区四区 | 欧美日韩精品中文字幕 | 91在线 | 国产精品久久久久一区二区三区 | 久久国产精品视频免费看 | 国产永久免费 | 国内自拍偷拍 | 日韩av福利在线观看 | 国产视频黄色 | 福利精品在线观看 | 久久综合久久综合久久 | 精品福利视频一区二区三区 | 91大神xh98xh系列全部 | 99reav| 九色在线视频 | 精品日韩一区二区三区av动图 | 久久久久久国产 |