Nodejs异步回调的优雅处理方法


Posted in NodeJs onSeptember 25, 2014

前言

Nodejs最大的亮点就在于事件驱动, 非阻塞I/O 模型,这使得Nodejs具有很强的并发处理能力,非常适合编写网络应用。在Nodejs中大部分的I/O操作几乎都是异步的,也就是我们处理I/O的操作结果基本上都需要在回调函数中处理,比如下面的这个读取文件内容的函数:

fs.readFile('/etc/passwd', function (err, data) {

  if (err) throw err;

  console.log(data);

});

那,我们读取两个文件,将这两个文件的内容合并到一起处理怎么办呢?大多数接触js不久的人可能会这么干:

fs.readFile('/etc/passwd', function (err, data) {

  if (err) throw err;

  fs.readFile('/etc/passwd2', function (err, data2) {

    if (err) throw err;

    // 在这里处理data和data2的数据

  });

});

那要是处理多个类似的场景,岂不是回调函数一层层的嵌套啊,这就是大家常说的回调金字塔或回调地狱(http://callbackhell.com/)的问题,也是让js小白最为头疼的问题。

这种层层嵌套的代码给开发带来了很多问题,主要体现在:

1.代码可能性变差
2.调试困难
3.出现异常后难以排查

本文主要是介绍如何优雅的处理以上异步回调问题。

初级方案:通过递归处理异步回调

我们可以使用递归作为代码的执行控制工具。把需要执行的操作封装到一个函数中,在回调函数中通过递归调用控制代码的执行流程,废话不多说,上个代码吧:

var fs = require('fs');

// 要处理的文件列表

var files = ['file1', 'file2', 'file3'];
function parseFile () {

  if (files.length == 0) {

    return;

  }

  var file = files.shift();

  fs.readFile(file, function (err, data) {

    // 这里处理文件数据

    parseFile();  // 处理完毕后,通过递归调用处理下一个文件

  });

}
// 开始处理

parseFile();

以上代码已依次处理数组中的文件为例,介绍了通过递归的方式控制代码的执行流程。

应用到一些简单的场景中还是不错的,比如:我们将一个数组中的数据,依次保存到数据库中就可以采用这种方式。

通过递归的方式可以解决一些简单的异步回调问题。不过对于处理复杂的异步回调还是显得有些无能为力(如需要同步多个异步操作的结果)。

华丽点:采用Async、Q、Promise等第三方库处理异步回调

为了更好的处理嵌套回调的问题,可以考虑采用一些第三方专门处理异步的库,当然有能力的完全可以自己写个异步处理的辅助工具。

比较常用的处理异步的库有:async,q还有promise。从npmjs.org网站上来看,async的火热程度最高。以前用过async,确实也挺方便的,各种异步处理的控制流实现的也挺好。

我们将最初的同时读取两个文件的代码使用async处理下,示例如下:

var async = require('async')

  , fs = require('fs');
async.parallel([

  function(callback){

    fs.readFile('/etc/passwd', function (err, data) {

      if (err) callback(err);

      callback(null, data);

    });

  },

  function(callback){

    fs.readFile('/etc/passwd2', function (err, data2) {

      if (err) callback(err);

      callback(null, data2);

    });

  }

],

function(err, results){

  // 在这里处理data和data2的数据,每个文件的内容从results中获取

});

通过async模块,可以很好的控制异步的执行流程了,也算是解决了层层回调的问题,代码比以前算是清晰了些,不过依旧还是离不开回调函数。

想想如果能够在不使用回调函数的情况下,处理异步,岂不是很爽,接下来,我们谈谈使用ES6的新特性来实现这一目标。

优雅点:拥抱ES6,替代回调函数,解决回调地狱问题

话说EcmaScript Harmony (ES6)给js引入了不少新特性,对ES6不太了解的同学,可以自行百度一下。

在nodejs中使用ES6的新特性,需要用v0.11.x以上的版本才行。

本文介绍的是使用Generator特性替代回调函数,对Generator不了解?可以看看这里。

这里用到了co和thunkify两个模块,大家使用npm install命令安装之。

还是以本文刚开始提到的问题为例,使用generator特性的实例代码如下:

var fs = require('fs')

  , co = require('co')

  , thunkify = require('thunkify');
var readFile = thunkify(fs.readFile);
co(function *() {

  var test1 = yield readFile('test1.txt');

  var test2 = yield readFile('test2.txt');

  var test = test1.toString() + test2.toString();

  console.log(test);

})();

处理代码中的异常也是很简单的,只需要这样就OK了:

try {

  var test1 = yield readFile('test1.txt');

} catch (e) {

  // 在这里处理异常

}

这种代码是不是优雅很多了?像写同步代码一样处理异步,是不是很爽!

nodejs领域中进行Web开发,最火的框架莫过于express了,值得一提的是express的核心成员TJ大神有领导了一个新的Web框架——koa,宣称是下一代的Web开发框架,koa真是借助了ES6的generator这一特性,让我们在开发Web系统的时候避免陷入层层的回调用。

总结

引用一下fibjs项目宣传的一句话:Less Callback, More Girls - 更少回调, 更多妹子

NodeJs 相关文章推荐
轻松创建nodejs服务器(10):处理上传图片
Dec 18 NodeJs
nodejs 的 session 简单使用
Jun 06 NodeJs
详解nodejs微信公众号开发——5.素材管理接口
Apr 11 NodeJs
windows系统下更新nodejs版本的方案
Nov 24 NodeJs
NodeJS父进程与子进程资源共享原理与实现方法
Mar 16 NodeJs
nodejs取得当前执行路径的方法
May 13 NodeJs
修改Nodejs内置的npm默认配置路径方法
May 13 NodeJs
Nodejs实现爬虫抓取数据实例解析
Jul 05 NodeJs
使用koa-log4管理nodeJs日志笔记的使用方法
Nov 30 NodeJs
NodeJs实现简单的爬虫功能案例分析
Dec 05 NodeJs
nodejs中内置模块fs,path常见的用法说明
Nov 07 NodeJs
nodejs命令行参数处理模块commander使用实例
Sep 17 #NodeJs
nodejs npm package.json中文文档
Sep 04 #NodeJs
使用Nodejs开发微信公众号后台服务实例
Sep 03 #NodeJs
Nodejs+express+html5 实现拖拽上传
Aug 08 #NodeJs
如何正确使用Nodejs 的 c++ module 链接到 OpenSSL
Aug 03 #NodeJs
NodeJS学习笔记之网络编程
Aug 03 #NodeJs
基于 Docker 开发 NodeJS 应用
Jul 30 #NodeJs
You might like
php max_execution_time执行时间问题
2011/07/17 PHP
ueditor 1.2.6 使用方法说明
2013/07/24 PHP
php结合ajax实现赞、顶、踩功能实例
2014/05/12 PHP
Eclipse的PHP插件PHPEclipse安装和使用
2014/07/20 PHP
PHP实现基于文本的摩斯电码生成器
2016/01/11 PHP
php代码检查代理ip的有效性
2016/08/19 PHP
javascript下有关dom以及xml节点访问兼容问题
2007/11/26 Javascript
6款经典实用的jQuery小插件及源码(对话框/提示工具等等)
2013/02/04 Javascript
关于jQuery对象数据缓存Cache原理以及jQuery.data详解
2013/04/07 Javascript
js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器
2015/02/11 Javascript
jquery 无限极下拉菜单的简单实例(精简浓缩版)
2016/05/31 Javascript
jQuery调用Webservice传递json数组的方法
2016/08/06 Javascript
vue生成token保存在客户端localStorage中的方法
2017/10/25 Javascript
vue实现商品列表的添加删除实例讲解
2020/05/14 Javascript
JSONObject与JSONArray使用方法解析
2020/09/28 Javascript
Vue向后台传数组数据,springboot接收vue传的数组数据实例
2020/11/12 Javascript
H5 js点击按钮复制文本到粘贴板
2020/11/19 Javascript
使用webpack和rollup打包组件库的方法
2021/02/25 Javascript
[49:41]NB vs NAVI Supermajor小组赛A组 BO3 第一场 6.2
2018/06/03 DOTA
[01:03:27]NAVI vs EG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python正则分组的应用
2013/11/10 Python
python实现发送邮件功能
2017/07/22 Python
使用Kivy将python程序打包为apk文件
2017/07/29 Python
python中logging包的使用总结
2018/02/28 Python
pandas获取groupby分组里最大值所在的行方法
2018/04/20 Python
python 从文件夹抽取图片另存的方法
2018/12/04 Python
Python Flask框架实现简单加法工具过程解析
2020/06/03 Python
python实现测试工具(一)——命令行发送get请求
2020/10/19 Python
新加坡网上化妆品店:Best Buy World
2018/05/18 全球购物
这段代码难道不该打印出56吗
2013/02/27 面试题
下面代码从性能上考虑,有什么问题
2015/04/03 面试题
优秀毕业生事迹材料
2014/02/12 职场文书
期末个人总结范文
2015/02/13 职场文书
2016年寒假社会实践活动总结
2015/03/27 职场文书
排球赛新闻稿
2015/07/17 职场文书
python入门学习关于for else的特殊特性讲解
2021/11/20 Python