浅析Node.js的Stream模块中的Readable对象


Posted in Javascript onJuly 29, 2015

我一直都很不愿意扯 nodejs 的流,因为从第一次看到它我就觉得它的设计实在是太恶心了。但是没办法,Stream 规范尚未普及,而且确实有很多东西都依赖了 nodejs 的流来实现的,所以我也只能捏着鼻子硬着头皮来扯一扯这又臭又硬的 nodejs 流对象了。

nodejs 自带了一个叫 stream 的模块,引入它便可以得到一组流对象构造器。现在我只说最简单的 stream.Readable。

其实用过 nodejs 的几乎都接触过 Readable 的实例,只是平时没太在意而已。一个非常典型的例子,http 模块中我们处理每个请求时都会有 req 和 res 对象,req 其实就是一个 Readable 对象。我们可以在这个 req 上以流的形式读到 HTTP 请求的实体部分。

那么问题来了,为什么 http 模块要在此处以流的方式设计呢?或者从另一个维度来问这个问题就是「nodejs 如果获取 POST 请求的内容?」。懂得用搜索引擎的同学肯定可以很容易地找到这么一个答案:监听 data 事件收集数据,在 end 事件中把收集到的数据合并起来。是的,这是解决这个问题的方法。但是为什么它如此设计呢?像 PHP 那样直接就可以取到 POST 内容多好?其实这么设计是有好处的,如果我们接收到的数据是非法的,我可以马上察觉,然后响应并断开连接。这样可以避免一些不必要的传输成本。比如上传图片,也许用户错误地选择了一个很大的可执行文件,我们不需要等到这个文件完全上传完毕,只要一个文件头部的若干字节就能判断一个文件是否是图片了。此处使用流的设计就可以先读出前面的几个字节来使用。

上面提到的 data 事件和 end 事件都是 Readable 的事件,这两个事件分别表示收到数据和数据接收完毕。所以其实我们早已知道了 Readable 的用法,只是很多人不知道它是 Readable 对象而已。

但是上面这两个事件仅仅是对 Readable 的消费者而言的事件。内部是如何把一个数据推送到 Readable 对象里面让 Readable 触发出这些事件的呢?那么它就是 push 方法。下面是一个例子,它创建了一个 Readable 对象,这个对象会流出一个递增的数字(这里使用了 babel-node)

import stream from 'stream';

var r = new stream.Readable;

r.on('data', data => {
 console.log(data + '');
});

r.on('end', data => {
 console.log('end');
});

r._read = () => {
 // console.log('before read');
};

void function callee(i) {
 if(i < 10) {
  r.push(i + ''); // 只能传入字符串或 Buffre 对象
 } else {
  r.push(null); // 当输入一个 null 时表示流传输完成,触发 end 事件 
 }
 setTimeout(callee, 500, i + 1);
}(0);

如果仔细看上面代码就会发现一个很神奇的地方,这个代码覆写了 _read 方法,这是什么鬼?其实我也觉得这是个坑,这个私有命名风格就不吐槽了,为何非要覆写这个方法才算实现它?如果没有覆写这个方法,那么在调用 push 时将抛出异常:

Error: not implemented
  at Readable._read (_stream_readable.js:464:22)
  at Readable.read (_stream_readable.js:341:10)

以上这些便是 Readable 对象的基本用法。但是还有更多坑会踩到,这篇文章只是一个最简单的介绍,让大家学会如何造出一个能输出数据的 Readable 对象而已。至于一些 read 之类的基本方法,反正这些也是不科学的设计之一。

Javascript 相关文章推荐
js 数组实现一个类似ruby的迭代器
Oct 27 Javascript
node.js中的buffer.toString方法使用说明
Dec 14 Javascript
JavaScript预解析及相关技巧分析
Apr 21 Javascript
jQuery获取radio选中项的值实例
Jun 18 Javascript
利用iscroll4实现轮播图效果实例代码
Jan 11 Javascript
Vue组件化通讯的实例代码
Jun 23 Javascript
Parcel 打包示例(React HelloWorld)
Jan 16 Javascript
微信小程序全局变量GLOBALDATA的定义和调用过程解析
Sep 23 Javascript
bootstrap实现嵌套模态框的实例代码
Jan 10 Javascript
jQuery实现王者荣耀手风琴效果
Jan 17 jQuery
jQuery实现聊天对话框
Feb 08 jQuery
JavaScript中继承原理与用法实例入门
May 09 Javascript
浅谈Javascript数组的使用
Jul 29 #Javascript
举例讲解Node.js中的Writable对象
Jul 29 #Javascript
浅谈Javascript数组索引
Jul 29 #Javascript
JQ实现新浪游戏首页幻灯片
Jul 29 #Javascript
JavaScript中几种排序算法的简单实现
Jul 29 #Javascript
详解JavaScript中数组的相关知识
Jul 29 #Javascript
javascript+canvas实现刮刮卡抽奖效果
Jul 29 #Javascript
You might like
PHP iconv 函数转gb2312的bug解决方法
2009/10/11 PHP
关于PHPDocument 代码注释规范的总结
2013/06/25 PHP
9个实用的PHP代码片段分享
2015/01/22 PHP
php实现将任意进制数转换成10进制的方法
2015/04/17 PHP
PHP微信红包生成代码分享
2016/10/06 PHP
PHP数据库编程之MySQL优化策略概述
2017/08/16 PHP
Laravel 中使用简单的方法跟踪用户是否在线(推荐)
2019/10/30 PHP
jQueryUI写一个调整分类的拖放效果实现代码
2012/05/10 Javascript
onclick与listeners的执行先后问题详细解剖
2013/01/07 Javascript
Jquery UI震动效果实现原理及步骤
2013/02/04 Javascript
jquery子元素过滤选择器使用示例
2013/06/24 Javascript
jQuery实现表格颜色交替显示的方法
2015/03/09 Javascript
jQuery实现Meizu魅族官方网站的导航菜单效果
2015/09/14 Javascript
利用JS生成博文目录及CSS定制博客
2016/02/10 Javascript
JS控制伪元素的方法汇总
2016/04/06 Javascript
jQuery动态增减行的实例代码解析(推荐)
2016/12/05 Javascript
微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义实例
2016/12/08 Javascript
nodejs中函数的调用实例详解
2018/10/31 NodeJs
laypage.js分页插件使用方法详解
2019/07/27 Javascript
javascript将16进制的字符串转换为10进制整数hex
2020/03/05 Javascript
vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作
2020/08/06 Javascript
js+canvas实现图片格式webp/png/jpeg在线转换
2020/08/22 Javascript
python使用append合并两个数组的方法
2015/04/28 Python
聊聊Python中的pypy
2018/01/12 Python
python 读写文件,按行修改文件的方法
2018/07/12 Python
python操作openpyxl导出Excel 设置单元格格式及合并处理代码实例
2019/08/27 Python
python GUI库图形界面开发之PyQt5控件QTableWidget详细使用方法与属性
2020/02/25 Python
音乐系毕业生自荐信
2013/10/27 职场文书
个人承诺书
2014/03/26 职场文书
经济信息系毕业生自荐信
2014/06/02 职场文书
小学生优秀评语
2014/12/29 职场文书
销售助理岗位职责
2015/02/11 职场文书
博士给导师的自荐信
2015/03/06 职场文书
项目投资意向书范本
2015/05/09 职场文书
外出学习心得体会范文
2016/01/18 职场文书
深入理解Vue的数据响应式
2021/05/15 Vue.js