浅析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 相关文章推荐
学习ExtJS(一) 之基础前提
Oct 07 Javascript
javascript实现div浮动在网页最顶上并带关闭按钮效果实例
Aug 13 Javascript
javascript中parseInt()函数的定义和用法分析
Dec 20 Javascript
jQuery实现ajax调用WCF服务的方法(附带demo下载)
Dec 04 Javascript
微信小程序(应用号)简单实例应用及实例详解
Sep 26 Javascript
js验证手机号、密码、短信验证码代码工具类
Jun 24 Javascript
jquery实现数字输入框
Feb 22 Javascript
vue2.0.js的多级联动选择器实现方法
Feb 09 Javascript
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
Jul 30 Javascript
Vue项目报错:Uncaught SyntaxError: Unexpected token
Nov 10 Javascript
微信小程序实现文字无限轮播效果
Dec 28 Javascript
支付宝小程序实现省市区三级联动
Jun 21 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
50个PHP程序性能优化的方法
2014/06/02 PHP
PHP实现基于文本的摩斯电码生成器
2016/01/11 PHP
JS操作XML中DTD介绍及使用方法分析
2019/07/04 PHP
Javascript中Eval函数的使用
2010/03/23 Javascript
JavaScript Memoization 让函数也有记忆功能
2011/10/27 Javascript
jQuery 网易相册鼠标移动显示隐藏效果实现代码
2013/03/31 Javascript
简单实用的全选反选按钮例子
2013/10/18 Javascript
js获取指定的cookie的具体实现
2014/02/20 Javascript
jquery处理json数据实例分析
2014/06/03 Javascript
js实现纯前端的图片预览
2016/04/27 Javascript
JavaScript编写九九乘法表(两种任选)
2017/02/04 Javascript
ReactNative Image组件使用详解
2017/08/07 Javascript
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
2018/05/28 Javascript
vue.js实现的全选与全不选功能示例【基于elementui】
2018/12/03 Javascript
vue 解决form表单提交但不跳转页面的问题
2019/10/30 Javascript
node使用mysql获取数据库数据中文乱码问题的解决
2019/12/02 Javascript
JS轮播图的实现方法
2020/08/24 Javascript
python代码实现ID3决策树算法
2017/12/20 Python
Python多进程写入同一文件的方法
2019/01/14 Python
Python实现判断一个整数是否为回文数算法示例
2019/03/02 Python
一篇文章彻底搞懂Python中可迭代(Iterable)、迭代器(Iterator)与生成器(Generator)的概念
2019/05/13 Python
pytorch中的transforms模块实例详解
2019/12/31 Python
Pytorch训练过程出现nan的解决方式
2020/01/02 Python
iPython pylab模式启动方式
2020/04/24 Python
HTML5不支持标签和新增标签详解
2016/06/27 HTML / CSS
国际化的太阳镜及太阳镜配件零售商:Sunglass Hut
2016/07/26 全球购物
介绍一下Make? 为什么使用make
2016/07/31 面试题
医大实习自我鉴定
2013/12/07 职场文书
个人简历中的自我评价怎么写
2014/01/26 职场文书
导师推荐信范文
2014/05/09 职场文书
竞选大学学委演讲稿
2014/09/13 职场文书
局领导领导班子四风对照检查材料
2014/09/27 职场文书
个人事迹材料怎么写
2014/12/30 职场文书
技术转让协议书
2016/03/19 职场文书
2019自荐信该如何写呢?
2019/07/05 职场文书
如何制作自己的原生JavaScript路由
2021/05/05 Javascript