浅析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 相关文章推荐
限制文本框输入N个字符的js代码
May 13 Javascript
jquery连缀语法如何实现
Nov 29 Javascript
js+JQuery返回顶部功能如何实现
Dec 03 Javascript
js编写trim()函数及正则表达式的运用
Oct 24 Javascript
关于js中for in的缺陷浅析
Dec 02 Javascript
JavaScript图像延迟加载库Echo.js
Apr 05 Javascript
Javascript生成带参数的二维码示例
Oct 10 Javascript
JSON与XML的区别对比及案例应用
Nov 11 Javascript
js动态引入的四种方法
May 05 Javascript
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
Dec 10 jQuery
微信小程序实现日历小功能
Nov 18 Javascript
vue中data改变后让视图同步更新的方法
Mar 29 Vue.js
浅谈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摘要生成函数(无乱码)
2012/02/04 PHP
PHP生成树的方法
2015/07/28 PHP
php简单生成随机数的方法
2015/07/30 PHP
php rmdir使用递归函数删除非空目录实例详解
2016/10/20 PHP
PHP curl 或 file_get_contents 获取需要授权页面的方法
2017/05/05 PHP
PHP编程求最大公约数与最小公倍数的方法示例
2017/05/29 PHP
javascript之ESC(第二类混淆)
2007/05/06 Javascript
用js实现计算代码行数的简单方法附代码
2007/08/13 Javascript
js 遍历json返回的map内容示例代码
2013/10/29 Javascript
jquery控制显示服务器生成的图片流
2015/08/04 Javascript
ajax级联菜单实现方法实例分析
2016/11/28 Javascript
详解微信小程序 登录获取unionid
2017/06/27 Javascript
详解Vue.js组件可复用性的混合(mixin)方式和自定义指令
2017/09/06 Javascript
EasyUI实现下拉框多选功能
2017/11/07 Javascript
微信小程序基于slider组件动态修改标签透明度的方法示例
2017/12/04 Javascript
Vue 自定义动态组件实例详解
2018/03/28 Javascript
vue打包的时候自动将px转成rem的操作方法
2018/06/20 Javascript
vue路由组件按需加载的几种方法小结
2018/07/12 Javascript
jQuery实现的自定义轮播图功能详解
2018/12/28 jQuery
socket在egg中的使用实例代码详解
2019/05/30 Javascript
layer.js open 隐藏滚动条的例子
2019/09/05 Javascript
python写的一个squid访问日志分析的小程序
2014/09/17 Python
Python基础之getpass模块详细介绍
2017/08/10 Python
python破解zip加密文件的方法
2018/05/31 Python
Python3使用turtle绘制超立方体图形示例
2018/06/19 Python
python 动态生成变量名以及动态获取变量的变量名方法
2019/01/20 Python
从列表或字典创建Pandas的DataFrame对象的方法
2019/07/06 Python
在Pytorch中计算自己模型的FLOPs方式
2019/12/30 Python
Python叠加矩形框图层2种方法及效果
2020/06/18 Python
HTML5 Canvas之测试浏览器是否支持Canvas的方法
2015/01/01 HTML / CSS
图片上传插件ImgUploadJS:用HTML5 File API 实现截图粘贴上传、拖拽上传
2016/01/20 HTML / CSS
HTML5+CSS3实现机器猫
2016/10/17 HTML / CSS
新秀丽拉杆箱美国官方网站:Samsonite美国
2016/07/25 全球购物
质量月活动策划方案
2014/03/10 职场文书
医生个人自我剖析材料
2014/10/08 职场文书
2015年房地产销售工作总结
2015/04/20 职场文书