node.js下when.js 的异步编程实践


Posted in Javascript onDecember 03, 2014

假设一个业务场景:

通过rss地址,获取rss并保存于文件,rss地址保存于文件中。

完成该场景的业务需要完成3个任务:

1.从文件中读取rss地址。

2.获取rss。

3.保存于文件。

最后将这三个任务进行整合。

准备:

存放rss地址的文件,address.txt。

http://programmer.csdn.net/rss_programmer.html
 
任务1:

读取rss地址文件的内容并通过callback返回。

var getRssAddress = function(path, callback) {

  fs.readFile(path, {encoding: 'utf8'}, function (err, data) {

    callback(err, data);

  });

}

任务2:

 通过rss地址get到rss,并通过callback返回错误或数据。

var getRss = function(url, callback) {

  var data = '';

  http.get(url, function(res) {

    res.on('data', function(chrunk) {

      data += chrunk;

    });

    res.on('end', function() {

      callback(null, data);

    });

  }).on('error', function(err) {

    callback(err, null);

  });

}

 

任务3:

将rss保存于文件并通过callback返回错误。

var saveRss = function(data, callback) {

  fs.writeFile('rss.txt', data, 'utf8', function(err) {

    callback(err);

  });

}

整合:

getRssAddress('address.txt', function(err, data) {

  if(err) {

    console.log(err);

    return;

  }

  getRss(data, function(err, data) {

    if(err) {

      console.log(err);

      return;

    }

    saveRss(data, function(err) {

      if(err) console.log(err);

    });

  });

});

上面的代码是全异步处理,使用最常见的callback处理异步逻辑的返回,好处是标准写法,大家都能容易接受;坏处是耦合性太强,处理异常麻烦,代码不直观,特别是处理业务逻辑复杂和处理任务多的场景,层层的callback会让人眼冒金星,代码难以维护。

Promise/A规范的实现之一when.js正是针对这样的问题域。

让我们来看一下改造后的代码。

任务1:

var getRssAddress = function(path) {

    var deferred = when.defer();

      fs.readFile(path, {encoding: 'utf8'}, function (err, data) {

        if (err) deferred.reject(err);

        deferred.resolve(data);

      });
    return deferred.promise;

}

 
任务2:
var getRss = function(url) {

  var deferred = when.defer();

    var data = '';

    http.get(url, function(res) {

      res.on('data', function(chrunk) {

        data += chrunk;

      });

      res.on('end', function() {

        deferred.resolve(data);

      });

    }).on('error', function(err) {

      deferred.reject(err);

    });
    return deferred.promise;

}

任务3:

var saveRss = function(data) {

  var deferred = when.defer();

  fs.writeFile('rss.txt', data, 'utf8', function(err) {

    if(err) deferred.reject(err);

    deferred.resolve();

  });
  return deferred.promise;

}

 

整合:

getRssAddress('address.txt')

  .then(getRss)

  .then(saveRss)

  .catch(function(err) {

    console.log(err);

  });

解释:

promise/A规范定义的“Deferred/Promise”模型就是“发布/订阅者”模型,通过Deferred对象发布事件,可以是完成resolve事件,或者是失败reject事件;通过Promise对象进行对应完成或失败的订阅。

在Promises/A规范中,每个任务都有三种状态:默认(pending)、完成(fulfilled)、失败(rejected)。

1.默认状态可以单向转移到完成状态,这个过程叫resolve,对应的方法是deferred.resolve(promiseOrValue);

2.默认状态还可以单向转移到失败状态,这个过程叫reject,对应的方法是deferred.reject(reason);

3.默认状态时,还可以通过deferred.notify(update)来宣告任务执行信息,如执行进度;

4.状态的转移是一次性的,一旦任务由初始的pending转为其他状态,就会进入到下一个任务的执行过程中。

按照上面的代码。

通过when.defer定义一个deferred对象。

var deferred = when.defer();
异步数据获取成功后,发布一个完成事件。

deferred.resolve(data);
异步数据获取失败后,发布一个失败事件。

deferred.reject(err);
并且返回Promise对象作为订阅使用。

return deferred.promise;
订阅是通过Promise对象的then方法进行完成/失败/通知的订阅。

getRssAddress('address.txt')
  .then(getRss)
then有三个参数,分别是onFulfilled、onRejected、onProgress

promise.then(onFulfilled, onRejected, onProgress)
上一个任务被resolve(data),onFulfilled函数就会被触发,data作为它的参数.

上一个任务被reject(reason),那么onRejected就会被触发,收到reason。

任何时候,onFulfilled和onRejected都只有其一可以被触发,并且只触发一次。

对于处理异常,when.js也提供了极其方便的方法,then能传递错误,多个任务串行执行时,我们可以只在最后一个then定义onRejected。也可以在最后一个then的后面调用catch函数捕获任何一个任务的异常。

如此写法简单明了。

getRssAddress('address.txt')

  .then(getRss)

  .then(saveRss)

  .catch(function(err) {

    console.log(err);

  });

Promise给异步编程带来了巨大的方便,可以让我们专注于单个任务的实现而不会陷入金字塔厄运,以上代码仅仅是基本使用,when.js提供的功能远远不止本文提到的这些,具体参照官方API。

Javascript 相关文章推荐
jquery 图片 上一张 下一张 链接效果(续篇)
Apr 20 Javascript
js下通过prototype扩展实现indexOf的代码
Dec 08 Javascript
使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法
Apr 07 Javascript
Javscript删除数组中指定元素并返回新数组
Mar 06 Javascript
javascript面向对象之this关键词用法分析
Jan 13 Javascript
javascript判断css3动画结束 css3动画结束的回调函数
Mar 10 Javascript
js编写贪吃蛇的小游戏
Aug 24 Javascript
关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
Jun 30 Javascript
JS获取鼠标相对位置的方法
Sep 20 Javascript
基于bootstrap实现收缩导航条
Mar 17 Javascript
对angularJs中ng-style动态改变样式的实例讲解
Sep 30 Javascript
javascript实现点击小图显示大图
Nov 29 Javascript
jquery操作 iframe的方法
Dec 03 #Javascript
使用js实现数据格式化
Dec 03 #Javascript
使用js获取图片原始尺寸
Dec 03 #Javascript
上传文件返回的json数据会被提示下载问题解决方案
Dec 03 #Javascript
使用jQuery实现验证上传图片的格式与大小
Dec 03 #Javascript
使用正则表达式的格式化与高亮显示json字符串
Dec 03 #Javascript
jquery中获取元素里某一特定子元素的代码
Dec 02 #Javascript
You might like
php学习笔记 数组遍历实现代码
2011/06/09 PHP
php 日期和时间的处理-郑阿奇(续)
2011/07/04 PHP
PHP多个版本的分析解释
2011/07/21 PHP
简单解析PHP程序的运行流程
2016/06/23 PHP
PHP实现爬虫爬取图片代码实例
2021/03/03 PHP
jQuery EasyUI API 中文文档 - Tree树使用介绍
2011/11/19 Javascript
js精度溢出解决方案
2012/12/02 Javascript
JavaScript 和 Java 的区别浅析
2013/07/31 Javascript
为jquery的ajaxfileupload增加附加参数的方法
2014/03/04 Javascript
NodeJS学习笔记之网络编程
2014/08/03 NodeJs
JQuery中DOM事件冒泡实例分析
2015/06/13 Javascript
canvas的神奇用法
2017/02/03 Javascript
实例详解display:none与visible:hidden的区别
2017/03/30 Javascript
Vue.js实现微信过渡动画左右切换效果
2017/06/13 Javascript
vue.js使用v-if实现显示与隐藏功能示例
2018/07/06 Javascript
性能优化篇之Webpack构建速度优化的建议
2019/04/03 Javascript
Vue3.0结合bootstrap创建多页面应用
2019/05/28 Javascript
基于JavaScript伪随机正态分布代码实例
2019/11/07 Javascript
TypeScript的安装、使用、自动编译的实现
2020/04/10 Javascript
[49:07]VGJ.T vs Optic Supermajor小组赛D组 BO3 第二场 6.3
2018/06/04 DOTA
python模块之StringIO使用示例
2015/04/08 Python
利用Python中的输入和输出功能进行读取和写入的教程
2015/04/14 Python
Python+Opencv识别两张相似图片
2020/03/23 Python
django解决跨域请求的问题详解
2019/01/20 Python
Pycharm连接gitlab实现过程图解
2020/09/01 Python
荷兰之家英文站:Holland at Home
2016/10/26 全球购物
Bonami斯洛伐克:购买家具和家居饰品
2019/07/02 全球购物
运动员获奖感言
2014/08/15 职场文书
ktv周年庆活动方案
2014/08/18 职场文书
护士节活动总结
2014/08/29 职场文书
学生抄袭作业的检讨书
2014/10/02 职场文书
文体活动总结
2015/02/04 职场文书
小学感恩节活动总结
2015/03/24 职场文书
舞出我人生观后感
2015/06/16 职场文书
九年级英语教学反思
2016/02/15 职场文书
心得体会该怎么写呢?
2019/06/27 职场文书