深入浅析NodeJs并发异步的回调处理


Posted in NodeJs onDecember 21, 2015

这里说并发异步,并不准确,应该说连续异步。NodeJs单线程异步的特性,直接导致多个异步同时进行时,无法确定最后的执行结果来回调。举个简单的例子:

for(var i = 0; i < 5; i++) {
  fs.readFile('file', 'utf-8', function(error, data){});
}

连续发起了5次读文件的异步操作,很简单,那么问题来了,我怎么确定所有异步都执行完了呢?因为要在它们都执行完后,才能进行之后的操作。相信有点经验的同学都会想到使用记数的方式来进行,但如何保证记数正确又是一个问题。仔细想想:

回调是一个函数,每个异步操作时将计数器+1,当每个异步结束时将计数器-1,通过判断计数器是否为0来确定是否执行回调。这个逻辑很简单,需要一个相对于执行时和回调时的全局变量作为计数器,而且要在传给异步方法是执行+1的操作,而且之后将返回一个用来回调的函数,有点绕,不过看看Js函数的高级用法:

var pending = (function() {
  var count = 0;
  return function() {
    count++;
    return function() {
      count--;
      if (count === 0) {
        // 全部执行完毕
      }
    }
  }
});

当pending调用时,即pending(),比如:

var done = pending();

这时计数变量count即被初始化为0,返回的函数附给了done,这时如果执行done(),会是什么?是不是直接执行pending返回的第一个函数,即:pending()(),这个执行又是什么,首先将计数变量count+1,又返回了一个函数,这个函数直接当做callback传给异步的方法,当执行这个callback的时候,首先是将计数变量count-1,再判断count是否为0,如果为0即表示所有的异步执行完成了,从而达到连续的异步,同一回调的操作。

关键就在两个return上,简单的说:

第一个return的函数是将count+1,接着返回需要回调的函数

第二个return的函数就是需要回调的函数,如果它执行,就是将count-1,然后判断异步是否全部执行完成,完成了,就回调

看个实际点的例子,读取多个文件的异步回调:

var fileName = ['1.html', '2.html', '3.html'];
var done = pending(function(fileData) {
  console.log('done');
  console.log(fielData);
});
for(var i = 0; i < fileName.lenght; i++) {
  fs.readFile(fileName[i], 'utf-8', done(fileName[i]));
}

其中的done,即用pending方法包起了我们想回调执行的方法,当计数器为0时,就会执行它,那我们得改进一下pending方法:

var pending = (function(callback) {
  var count = 0;
  var returns = {};
  console.log(count);
  return function(key) {
    count++;
    console.log(count);
    return function(error, data) {
      count--;
      console.log(count);
      returns[key] = data;
      if (count === 0) {
        callback(returns);
      }
    }
  }
});

callback即为我们的回调函数,当var done = pending(callback)时,done其实已为第一个return的函数,它有一个参数,可以当做返回的值的下标,所以在循环体中done(fileName[i]),把文件名传了进去。这个done()是直接执行的,它将count+1后,返回了要传给异步方法的回调函数,如前面所说,这个回调函数里会根据计数变量来判断是否执行我们希望执行的回调函数,而且把文件的内容传给了它,即returns。好了,运行一下,相信能够准确的看到运行结果。

0
1
2
3
2
1
0
done
{"1.html": "xxx", "2.html": "xxx", "3.html": "xxx"}

从计数上明显能看出,从0-3再到0,之后就是我们的回调函数输出了done和文件的内容。

这个问题解决了,我们要思考一下,如何让这样的方法封装重用,不然,每次都写pending不是很不科学吗?

下面看看UnJs(我的一个基于NodeJs的Web开发框架)的处理方式,应用于模板解析中的子模板操作:

unjs.asyncSeries = function(task, func, callback) {
  var taskLen = task.length;
  if (taskLen <= 0) {
    return;
  }
  var done = unjs.pending(callback);
  for(var i = 0; i < taskLen; i++) {
    func(task[i], done);
  }
}

asyncSeries有三个参数,意思是:

task: 需要处理的对象,比如需要读取的文件,它是一个列表,如果不是列表,或列表长度为0,它将不会执行

func: 异步方法,比如fs.readFile,就是通过它传进去的

callback: 我们希望回调的方法

done和前面同理,它传给了func,但并没有执行,因为希望应用端能可控制参数,所以让应用端去执行。

再看看处理子模板时的操作:

var subTemplate = [];
var patt = /\{\% include \'(.+)\' \%\}/ig;
while(sub = patt.exec(data)) {
  var subs = sub;
  subTemplate.push([subs[0], subs[1]]);
}
unjs.asyncSeries(subTemplate, function(item, callback) {
  fs.readFile('./template/' + item[1], 'utf-8', callback(item[0]));
}, function(data) {
  for(var key in data) {
    html = html.replace(key, data[key]);
  }
});

subTemplate这个列表,是根据对子模板的解析生成的数据,它是一个二维的数组,每个子项的第一个值为子模板的调用文本,即:{% include 'header.html' %}这样的字符串,第二个参数为子模板文件名,即:header.html

asyncSeries的第二个参数是的callback,实际上是第三个参数,也就是我们希望执行的回调函数经过pending处理的回调方法,如前面所说,在asyncSeries内部,它并没有运行,而是到这里运行的,即:callback(item[0]),带上了参数,因为后面还要根据这个参数将父模板中调用子模板的字符串替换为对应子模板的内容。

这样子,只要需要连续异步时,就可以使用asyncSeries方法来处理了。因为异步的关系,程序的流程有点绕,可能开始不太好理解,即使熟悉了,也有可能突然想不明白,没关系,比如,第二个参数中的callback实际是第三个参数生成的,开始可能你就会想,这个callback倒底是啥。还有就是pending的两个return,也是不太好理解的,需要多想想。

好了,连续异步的回调使用Js函数的高级特性完成了。但NodeJs的异步性着实让程序的控制很成问题,诸如还有连续异步,但要传值的操作等,这些都是可以通过这样的思路,变化一下即可实现的。

以上内容是小编给大家分享的NodeJs并发异步的回调处理的相关知识,希望大家喜欢。

NodeJs 相关文章推荐
基于NodeJS的前后端分离的思考与实践(五)多终端适配
Sep 26 NodeJs
实例详解Nodejs 保存 payload 发送过来的文件
Jan 14 NodeJs
快速掌握Node.js之Window下配置NodeJs环境
Mar 21 NodeJs
Jquery通过ajax请求NodeJS返回json数据实例
Nov 08 NodeJs
初探nodeJS
Jan 24 NodeJs
Nodejs实现短信验证码功能
Feb 09 NodeJs
NodeJS测试框架mocha入门教程
Mar 28 NodeJs
Nodejs模块载入运行原理
Feb 23 NodeJs
通过nodejs 服务器读取HTML文件渲染到页面的方法
May 17 NodeJs
搭建一个nodejs脚手架的方法步骤
Jun 28 NodeJs
Nodejs在局域网配置https访问的实现方法
Oct 17 NodeJs
如何利用nodejs实现命令行游戏
Nov 24 NodeJs
基于nodejs+express(4.x+)实现文件上传功能
Nov 23 #NodeJs
Nodejs Express4.x开发框架随手笔记
Nov 23 #NodeJs
Nodejs的express使用教程
Nov 23 #NodeJs
nodejs初步体验篇
Nov 23 #NodeJs
Nodejs初级阶段之express
Nov 23 #NodeJs
基于html5和nodejs相结合实现websocket即使通讯
Nov 19 #NodeJs
浅析nodejs实现Websocket的数据接收与发送
Nov 19 #NodeJs
You might like
DC漫画《蝙蝠侠和猫女》图透 猫女怀孕老爷当爹
2020/04/09 欧美动漫
将一维或多维的数组连接成一个字符串的php代码
2010/08/08 PHP
php下将多个数组合并成一个数组的方法与实例代码
2011/02/03 PHP
PHP几个数学计算的内部函数学习整理
2011/08/06 PHP
使用纯php代码实现页面伪静态的方法
2015/07/25 PHP
CodeIgniter辅助之第三方类库third_party用法分析
2016/01/20 PHP
PHP基于phpqrcode类生成二维码的方法详解
2018/03/14 PHP
禁止F5等快捷键的JS代码
2007/03/06 Javascript
javascript面向对象包装类Class封装类库剖析
2013/01/24 Javascript
JavaScript中json使用自己总结
2013/08/13 Javascript
JS执行删除前的判断代码
2014/02/18 Javascript
js处理php输出时间戳对不上号的解决方法
2014/06/20 Javascript
Javascript中实现trim()函数的两种方法
2015/02/04 Javascript
SpringMVC restful 注解之@RequestBody进行json与object转换
2015/12/10 Javascript
js仿新浪微博消息发布功能
2017/02/17 Javascript
js实现简单的手风琴效果
2017/02/27 Javascript
JS中使用正则表达式g模式和非g模式的区别
2017/04/01 Javascript
vue监听滚动事件实现滚动监听
2017/04/11 Javascript
JavaScript中Require调用js的实例分享
2017/10/27 Javascript
Vue前后端不同端口的实现方法
2018/09/19 Javascript
微信小程序时间轴实现方法示例
2019/01/14 Javascript
微信公众平台获取access_token的方法步骤
2019/03/29 Javascript
JS实现碰撞检测效果
2020/03/12 Javascript
Python THREADING模块中的JOIN()方法深入理解
2015/02/18 Python
致Python初学者 Anaconda入门使用指南完整版
2018/04/05 Python
Python Series从0开始索引的方法
2018/11/06 Python
python使用zip将list转为json的方法
2018/12/31 Python
Python实现爬取马云的微博功能示例
2019/02/16 Python
Python3实现的简单工资管理系统示例
2019/03/12 Python
Python request使用方法及问题总结
2020/04/26 Python
CSS3新增布局之: flex详解
2020/06/18 HTML / CSS
html5时钟实现代码
2010/10/22 HTML / CSS
使用纯HTML5编写一款网页上的时钟的代码分享
2015/11/16 HTML / CSS
促销活动总结模板
2014/07/01 职场文书
2015年法律事务部工作总结
2015/07/27 职场文书
手术室消毒隔离制度
2015/08/05 职场文书