如何将Node.js中的回调转换为Promise
前言
在几年前,回调是JavaScript中实现执行异步代码的唯一方法。回调本身几乎没有什么问题,最值得注意的是“回调地狱”。
在ES6中引入了Promise作为这些问题的解决方案。最后通过引入 async/await关键字来提供更好的体验并提高了可读性。
即使有了新的方法,但是仍然有许多使用回调的原生模块和库。在本文中,我们将讨论如何将JavaScript回调转换为Promise。ES6的知识将会派上用场,因为我们将会使用展开操作符之类的功能来简化要做的事情。
什么是回调
回调是一个函数参数,恰好是一个函数本身。虽然我们可以创建任何函数来接受另一个函数,但回调主要用于异步操作。
JavaScript是一种解释性语言,一次只能处理一行代码。有些任务可能需要很长时间才能完成,例如下载或读取大文件等。JavaScript将这些运行时间很长的任务转移到浏览器或Node.js环境中的其他进程中。这样它就不会阻止其他代码的执行。
通常异步函数会接受回调函数,所以完成之后可以处理其数据。
举个例子,我们将编写一个回调函数,这个函数会在程序成功从硬盘读取文件之后执行。
所以需要准备一个名为sample.txt的文本文件,其中包含以下内容:
Helloworldfromsample.txt
然后写一个简单的Node.js脚本来读取文件:
constfs=require('fs'); fs.readFile('./sample.txt','utf-8',(err,data)=>{ if(err){ //处理错误 console.error(err); return; } console.log(data); }); for(leti=0;i<10;i++){ console.log(i); }
运行代码后将会输出:
0
...
8
9
Helloworldfromsample.txt
如果这段代码,应该在执行回调之前看到0..9被输出到控制台。这是因为JavaScript的异步管理机制。在读取文件完毕之后,输出文件内容的回调才被调用。
顺便说明一下,回调也可以在同步方法中使用。例如Array.sort()会接受一个回调函数,这个函数允许你自定义元素的排序方式。
❝接受回调的函数被称为“高阶函数”。❞
现在我们有了一个更好的回调方法。那么们继续看看什么是Promise。
什么是Promise
在ECMAScript2015(ES6)中引入了Promise,用来改善在异步编程方面的体验。顾名思义,JavaScript对象最终将返回的“值”或“错误”应该是一个Promise。
一个Promise有3个状态:
- Pending(待处理):用来指示异步操作尚未完成的初始状态。
- Fulfilled(已完成):表示异步操作已成功完成。
- Rejected(拒绝):表示异步操作失败。
大多数Promise最终看起来像这样:
someAsynchronousFunction() .then(data=>{ //promise被完成 console.log(data); }) .catch(err=>{ //promise被拒绝 console.error(err); });
Promise在现代JavaScript中非常重要,因为它们与ECMAScript2016中引入的async/await关键字一起使用。使用async/await就不需要再用回调或then()和catch()来编写异步代码。
如果要改写前面的例子,应该是这样:
try{ constdata=awaitsomeAsynchronousFunction(); }catch(err){ //promise被拒绝 console.error(err); }
这看起来很像“一般的”同步JavaScript。大多数流行的JavaScript库和新项目都把Promises与async/await关键字放在一起用。
但是,如果你要更新现有的库或遇到旧的代码,则可能会对将基于回调的API迁移到基于Promise的API感兴趣,这样可以改善你的开发体验。
来看一下将回调转换为Promise的几种方法。
将回调转换为Promise
Node.jsPromise
大多数在Node.js中接受回调的异步函数(例如fs模块)有标准的实现方式:把回调作为最后一个参数传递。
例如这是在不指定文本编码的情况下用fs.readFile()读取文件的方法:
fs.readFile('./sample.txt',(err,data)=>{ if(err){ console.error(err); return; } console.log(data); });
注意:如果你指定utf-8作为编码,那么得到的输出是一个字符串。如果不指定得到的输出是Buffer。
另外传给这个函数的回调应接受Error,因为它是第一个参数。之后可以有任意数量的输出。
如果你需要转换为Promise的函数遵循这些规则,那么可以用util.promisify,这是一个原生Node.js模块,其中包含对Promise的回调。
首先导入ʻutil`模块:
constutil=require('util');
然后用promisify方法将其转换为Promise:
constfs=require('fs'); constreadFile=util.promisify(fs.readFile);
现在,把新创建的函数用作promise:
readFile('./sample.txt','utf-8') .then(data=>{ console.log(data); }) .catch(err=>{ console.log(err); });
另外也可以用下面这个示例中给出的async/await关键字:
constfs=require('fs'); constutil=require('util'); constreadFile=util.promisify(fs.readFile); (async()=>{ try{ constcontent=awaitreadFile('./sample.txt','utf-8'); console.log(content); }catch(err){ console.error(err); } })();
你只能在用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.js8开始,这个模块仅在Node.js上可用。如果你用的是浏览器或早期版本版本的Node,则最好创建自己的基于Promise的函数版本。
创建你自己的Promise
让我们讨论一下怎样把回调转为util.promisify()函数的promise。
思路是创建一个新的包含回调函数的Promise对象。如果回调函数返回错误,就拒绝带有该错误的Promise。如果回调函数返回非错误输出,就解决并输出Promise。
先把回调转换为一个接受固定参数的函数的promise开始:
constfs=require('fs'); constreadFile=(fileName,encoding)=>{ returnnewPromise((resolve,reject)=>{ fs.readFile(fileName,encoding,(err,data)=>{ if(err){ returnreject(err); } resolve(data); }); }); } readFile('./sample.txt') .then(data=>{ console.log(data); }) .catch(err=>{ console.log(err); });
新函数readFile()接受了用来读取fs.readFile()文件的两个参数。然后创建一个新的Promise对象,该对象包装了该函数,并接受回调,在本例中为fs.readFile()。
要rejectPromise而不是返回错误。所以代码中没有立即把数据输出,而是先resolve了Promise。然后像以前一样使用基于Promise的readFile()函数。
接下来看看接受动态数量参数的函数:
constgetMaxCustom=(callback,...args)=>{ letmax=-Infinity; for(letiofargs){ if(i>max){ max=i; } } callback(max); } getMaxCustom((max)=>{console.log('Maxis'+max)},10,2,23,1,111,20);
第一个参数是callback参数,这使它在接受回调的函数中有点与众不同。
转换为promise的方式和上一个例子一样。创建一个新的Promise对象,这个对象包装使用回调的函数。如果遇到错误,就reject,当结果出现时将会resolve。
我们的promise版本如下:
constgetMaxPromise=(...args)=>{ returnnewPromise((resolve)=>{ getMaxCustom((max)=>{ resolve(max); },...args); }); } getMaxCustom(10,2,23,1,111,20) .then(max=>console.log(max));
在创建promise时,不管函数是以非标准方式还是带有许多参数使用回调都无关紧要。我们可以完全控制它的完成方式,并且原理是一样的。
尽管现在回调已成为JavaScript中利用异步代码的默认方法,但Promise是一种更现代的方法,它更容易使用。如果遇到了使用回调的代码库,那么现在就可以把它转换为Promise。
在本文中,我们首先学到了如何在Node.js中使用utils.promisfy()方法将接受回调的函数转换为Promise。然后,了解了如何创建自己的Promise对象,并在对象中包装了无需使用外部库即可接受回调的函数。这样许多旧JavaScript代码可以轻松地与现代的代码库和混合在一起。
总结
到此这篇关于如何将Node.js中的回调转换为Promise的文章就介绍到这了,更多相关Node.js的回调转换为Promise内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票!