深州网站茂港网站开发公司
本篇文章又是一期优雅的代码编程介绍———回调函数。
传统的nodejs编程都是这样的
const fs = require('fs')
fs.readFile('test.txt','utf8', function(err, dataStr){if(err){}
})
嵌套层级如果多了就成回调地狱了。如果我们将这种风格的代码转换成这样呢？
const fs = require('fs');
const {promisfy, waitFor, promisfyNoError} = require('promisfy');
const readFile = promisfy(fs.readFile);
let content = await readFile('myfile.txt', {encoding:'utf8'});
return content;
http.createServer(80, function(req, res) {async function handleRequest(req, res) {if (req.method === 'POST') {req.body = await waitFor(req.sock, 'data');}}
})
这种promisfy的风格是不是简洁优雅，一行就搞定了。
安装
npm install --save promisfy
promisfy包里封装了以下三个函数
promisfy: 处理fs这种回调API。waitFor: 处理监听事件和流的，对象具有xx.on('event'),xx.on('data'),xx.on('end')这些监听事件。promisfyNoError: 处理回调没有错误抛出的API
源码
- 参数：传入需要
promisfy的函数和上下文 - 返回值：返回一个新函数
const readFile = promisfy(fs.readFile);
let content = await readFile('myfile.txt', {encoding:'utf8'});
解析代码
1.通过agruments内置对象取到函数readFile的参数。
2.调用readFile返回的是一个Promise对象。
3.Promise里声明了一个callback函数。callback传入的参数结构是第一个为err对象，剩余参数为成功的结果。err对象通过reject函数处理，剩余参数用resolve函数处理。
4.处理函数的参数fnArgs,args和callback。
5.最后调用这个函数并传入上下文。
promisfyNoError：和上述逻辑一样除去了err对象的部分;waitFor:对普通事件监听和流处理做的promisfy封装；
结束语
对于回调这种风格的函数还有事件监听和数据流进行promisfy处理后，就节省了很多很多代码行数，清晰明了。优雅的风格依然还在，还能做一个艺术工程师。
类似的，我们在微信网页开发的时候使用weixin-jssdk,也可以自己封装一个promisfy风格的函数。我们的代码里也不会有看着费劲的屎山了。
wx.request({xxx:'',xxx:'',xxx:'',success(){},fail(){}
})
最后
为大家准备了一个前端资料包。包含54本，2.57G的前端相关电子书，《前端面试宝典（附答案和解析）》，难点、重点知识视频教程（全套）。
有需要的小伙伴，可以点击下方卡片领取，无偿分享