摘要：兩種模式可以互相轉(zhuǎn)換流的初始狀態(tài)是，通過(guò)監(jiān)聽(tīng)事件，或者方法，調(diào)用方法，將流轉(zhuǎn)為狀態(tài)。下面詳細(xì)介紹下兩種模式下，流的運(yùn)行機(jī)制。下面描述中的表示的是流內(nèi)部的緩沖池的大小。調(diào)用用戶實(shí)現(xiàn)的方法，來(lái)數(shù)據(jù)到緩沖池，然后發(fā)送事件，通知用戶端消費(fèi)。

如果你正在學(xué)習(xí)Node，那么流一定是一個(gè)你需要掌握的概念。如果你想成為一個(gè)Node高手，那么流一定是武功秘籍中不可缺少的一個(gè)部分。

引用自Stream-Handbook。由此可見(jiàn)，流對(duì)于深入學(xué)習(xí)Node的重要性。

你可以把流理解成一種傳輸?shù)哪芰ΑＭㄟ^(guò)流，可以以平緩的方式，無(wú)副作用的將數(shù)據(jù)傳輸?shù)侥康牡亍Ｔ贜ode中，Node Stream創(chuàng)建的流都是專用于String和Buffer上的，一般情況下使用Buffer。Stream表示的是一種傳輸能力，Buffer是傳輸內(nèi)容的載體 (可以這樣理解，Stream：外賣小哥哥， Buffer：你的外賣)。創(chuàng)建流的時(shí)候?qū)bjectMode設(shè)置true ，Stream同樣可以傳輸任意類型的JS對(duì)象（除了null，null在流中有特殊用途）。

現(xiàn)在有個(gè)需求，我們要向客戶端傳輸一個(gè)大文件。如果采用下面的方式

const fs = require("fs");
const server = require("http").createServer();

server.on("request", (req, res) => {
  fs.readFile("./big.file", (err, data) => {
    if (err) throw err;
    res.end(data);
  });
});

server.listen(8000);

每次接收一個(gè)請(qǐng)求，就要把這個(gè)大文件讀入內(nèi)存，然后再傳輸給客戶端。通過(guò)這種方式可能會(huì)產(chǎn)生以下三種后果：

內(nèi)存耗盡

拖慢其他進(jìn)程

增加垃圾回收器的負(fù)載

所以這種方式在傳輸大文件的情況下，不是一個(gè)好的方案。并發(fā)量一大，幾百個(gè)請(qǐng)求過(guò)來(lái)很容易就將內(nèi)存耗盡。

如果采用流呢？

const fs = require("fs");
const server = require("http").createServer();

server.on("request", (req, res) => {
  const src = fs.createReadStream("./big.file");
  src.pipe(res);
});

server.listen(8000);

采用這種方式，不會(huì)占用太多內(nèi)存，讀取一點(diǎn)就傳輸一點(diǎn)，整個(gè)過(guò)程平緩進(jìn)行，非常優(yōu)雅。如果想在傳輸?shù)倪^(guò)程中，想對(duì)文件進(jìn)行處理，比如壓縮、加密等等，也很好擴(kuò)展（后面會(huì)具體介紹）。

流在Node中無(wú)處不在。從下圖中可以看出：

Stream分為四大類：

Readable（可讀流）

Writable （可寫(xiě)流）

Duplex （雙工流）

Transform （轉(zhuǎn)換流）

可讀流中的數(shù)據(jù)，在以下兩種模式下都能產(chǎn)生數(shù)據(jù)。

Flowing Mode

Non-Flowing Mode

兩種模式下，觸發(fā)的方式以及消耗的方式不一樣。

Flowing Mode：數(shù)據(jù)會(huì)源源不斷地生產(chǎn)出來(lái)，形成“流動(dòng)”現(xiàn)象。監(jiān)聽(tīng)流的data事件便可進(jìn)入該模式。

Non-Flowing Mode下：需要顯示地調(diào)用read()方法，才能獲取數(shù)據(jù)。

兩種模式可以互相轉(zhuǎn)換

流的初始狀態(tài)是Null，通過(guò)監(jiān)聽(tīng)data事件，或者pipe方法，調(diào)用resume方法，將流轉(zhuǎn)為Flowing Mode狀態(tài)。Flowing Mode狀態(tài)下調(diào)用pause方法，將流置為Non-Flowing Mode狀態(tài)。Non-Flowing Mode狀態(tài)下調(diào)用resume方法，同樣可以將流置為Flowing Mode狀態(tài)。

下面詳細(xì)介紹下兩種模式下，Readable流的運(yùn)行機(jī)制。

Flowing Mode

在Flowing Mode狀態(tài)下，創(chuàng)建的myReadable讀流，直接監(jiān)聽(tīng)data事件，數(shù)據(jù)就源源不斷的流出來(lái)進(jìn)行消費(fèi)了。

myReadable.on("data",function(chunk){
      consume(chunk);//消費(fèi)流
})

一旦監(jiān)聽(tīng)data事件之后，Readable內(nèi)部的流程如下圖所示

核心的方法是流內(nèi)部的read方法，它在參數(shù)n為不同值時(shí)，分別觸發(fā)不同的操作。下面描述中的hightwatermark表示的是流內(nèi)部的緩沖池的大小。

n=undefined（消費(fèi)數(shù)據(jù)，并觸發(fā)一次可讀流）

n=0（觸發(fā)一次可讀流，但是不會(huì)消費(fèi)）

n>hightwatermark（修改hightwatermark的值）

n

n>buffer (可以返回null，也可以返回buffer所有的數(shù)據(jù)（當(dāng)時(shí)最后一次讀取）)

圖中黃色標(biāo)識(shí)的_read()，是用戶實(shí)現(xiàn)流所需要自己實(shí)現(xiàn)的方法，這個(gè)方法就是實(shí)際讀取流的方式（可以這樣理解，外賣平臺(tái)給你提供外賣的能力，那_read()方法就相當(dāng)于你下單點(diǎn)外賣）。后面會(huì)詳細(xì)介紹如何實(shí)現(xiàn)_read方法。

以上的流程可以描述為：監(jiān)聽(tīng)data方法，Readable內(nèi)部就會(huì)調(diào)用read方法，來(lái)進(jìn)行觸發(fā)讀流操作，通過(guò)判斷是同步還是異步讀取，來(lái)決定讀取的數(shù)據(jù)是否放入緩沖區(qū)。如果為異步的，那么就要調(diào)用flow方法，來(lái)繼續(xù)觸發(fā)read方法，來(lái)讀取流，同時(shí)根據(jù)size參數(shù)判定是否emit("data")來(lái)消費(fèi)流，循環(huán)讀取。如果是同步的，那就emit("data")來(lái)消費(fèi)流，同時(shí)繼續(xù)觸發(fā)read方法，來(lái)讀取流。一旦push方法傳入的是null，整個(gè)流就結(jié)束了。

從使用者的角度來(lái)看，在這種模式下，你可以通過(guò)下面的方式來(lái)使用流

const fs = require("./fs");
const readFile = fs.createReadStream("./big.file");
const writeFile = fs.createWriteStream("./writeFile.js");
readFile.on("data",function(chunk){
      writeFile1.write(chunk);
})

Non-Flowing Mode

相對(duì)于Flowing mode，Non-Flowing Mode要相對(duì)簡(jiǎn)單很多。

消費(fèi)該模式下的流，需要使用下面的方式

myReadable.on(‘readable’,function(){
     const chunk = myReadable.read()
     consume(chunk);//消費(fèi)流
})

在Non-Flowing Mode下，Readable內(nèi)部的流程如下圖：

從這個(gè)圖上看出，你要實(shí)現(xiàn)該模式的讀流，同樣要實(shí)現(xiàn)一個(gè)_read方法。

整個(gè)流程如下：監(jiān)聽(tīng)readable方法，Readable內(nèi)部就會(huì)調(diào)用read方法。調(diào)用用戶實(shí)現(xiàn)的_read方法，來(lái)push數(shù)據(jù)到緩沖池，然后發(fā)送emit readable事件，通知用戶端消費(fèi)。

從使用者的角度來(lái)看，你可以通過(guò)下面的方式來(lái)使用該模式下的流

const fs = require("fs");
const readFile = fs.createReadStream("./big.file");
const writeFile = fs.createWriteStream("./writeFile.js");

readFile.on("readable",function(chunk) {
    while (null !== (chunk = myReadable.read())) {
        writeFile.write(chunk);
    }
});

相對(duì)于讀流，寫(xiě)流的機(jī)制就更容易理解了。

寫(xiě)流使用下面的方式進(jìn)行數(shù)據(jù)寫(xiě)入

myWrite.write(chunk);

調(diào)用write后，內(nèi)部Writable的流程如下圖所示

類似于讀流，實(shí)現(xiàn)一個(gè)寫(xiě)流，同樣需要用戶實(shí)現(xiàn)一個(gè)_write方法。

整個(gè)流程是這樣的：調(diào)用write之后，會(huì)首先判定是否要寫(xiě)入緩沖區(qū)。如果不需要，那就調(diào)用用戶實(shí)現(xiàn)的_write方法，將流寫(xiě)入到相應(yīng)的地方，_write會(huì)調(diào)用一個(gè)writeable內(nèi)部的一個(gè)回調(diào)函數(shù)。

從使用者的角度來(lái)看，使用一個(gè)寫(xiě)流，采用下面的代碼所示的方式。

const fs = require("fs");
const readFile = fs.createReadStream("./big.file");
const writeFile = fs.createWriteStream("./writeFile.js");

readFile.on("data",function(chunk) {
    writeFile.write(chunk);
})

可以看到，使用寫(xiě)流是非常簡(jiǎn)單的。

我們先講解一下如何實(shí)現(xiàn)一個(gè)讀流和寫(xiě)流，再來(lái)看Duplex和Transform是什么，因?yàn)榱私饬巳绾螌?shí)現(xiàn)一個(gè)讀流和寫(xiě)流，再來(lái)理解Duplex和Transform就非常簡(jiǎn)單了。

實(shí)現(xiàn)自定義的Readable，只需要實(shí)現(xiàn)一個(gè)_read方法即可，需要在_read方法中調(diào)用push方法來(lái)實(shí)現(xiàn)數(shù)據(jù)的生產(chǎn)。如下面的代碼所示：

const Readable = require("stream").Readable;

class MyReadable extends Readable {
    constructor(dataSource, options) {
        super(options);
        this.dataSource = dataSource;
    }
    _read() {
        const data = this.dataSource.makeData();
        setTimeout(()=>{
            this.push(data);
        });
    }
}

// 模擬資源池
const dataSource = {
    data: new Array(10).fill("-"),
    makeData() {
        if (!dataSource.data.length) return null;
        return dataSource.data.pop();
    }
};

const myReadable = new MyReadable(dataSource,);

myReadable.on("readable", () => {
    let chunk;
    while (null !== (chunk = myReadable.read())) {
        console.log(chunk);
    }
});

實(shí)現(xiàn)自定義的writable，只需要實(shí)現(xiàn)一個(gè)_write方法即可。在_write中消費(fèi)chunk寫(xiě)入到相應(yīng)地方，并且調(diào)用callback回調(diào)。如下面代碼所示：

const Writable = require("stream").Writable;
class Mywritable extends  Writable{
    constuctor(options){
        super(options);
    }
    _write(chunk,endcoding,callback){
        console.log(chunk);
        callback && callback();
    }
}
const myWritable = new Mywritable();

雙工流：簡(jiǎn)單理解，就是講一個(gè)Readable流和一個(gè)Writable流綁定到一起，它既可以用來(lái)做讀流，又可以用來(lái)做寫(xiě)流。

實(shí)現(xiàn)一個(gè)Duplex流，你需要同時(shí)實(shí)現(xiàn)_read和_write方法。

有一點(diǎn)需要注意的是：它所包含的 Readable流和Writable流是完全獨(dú)立，互不影響的兩個(gè)流，兩個(gè)流使用的不是同一個(gè)緩沖區(qū)。通過(guò)下面的代碼可以驗(yàn)證

// 模擬資源池1
const dataSource1 = {
    data: new Array(10).fill("a"),
    makeData() {
        if (!dataSource1.data.length) return null;
        return dataSource1.data.pop();
    }
};
// 模擬資源池2
const dataSource2 = {
    data: new Array(10).fill("b"),
    makeData() {
        if (!dataSource2.data.length) return null;
        return dataSource2.data.pop();
    }
};

const Readable = require("stream").Readable;
class MyReadable extends Readable {
    constructor(dataSource, options) {
        super(options);
        this.dataSource = dataSource;
    }
    _read() {
        const data = this.dataSource.makeData();
        setTimeout(()=>{
            this.push(data);
        })

    }
}

const Writable = require("stream").Writable;
class MyWritable extends Writable{
    constructor(options){
        super(options);
    }
    _write(chunk, encoding, callback) {
        console.log(chunk.toString());
        callback && callback();
    }
}

const Duplex = require("stream").Duplex;
class MyDuplex extends Duplex{
    constructor(dataSource,options) {
        super(options);
        this.dataSource = dataSource;
    }
    _read() {
        const data = this.dataSource.makeData();
        setTimeout(()=>{
            this.push(data);
        })
    }
    _write(chunk, encoding, callback) {
        console.log(chunk.toString());
        callback && callback();
    }
}

const myWritable = new MyWritable();
const myReadable = new MyReadable(dataSource1);
const myDuplex = new MyDuplex(dataSource1);
myReadable.pipe(myDuplex).pipe(myWritable);

打印的結(jié)果是

abababababababababab

從這個(gè)結(jié)果可以看出，myReadable.pipe(myDuplex)，myDuplex充當(dāng)?shù)氖菍?xiě)流，寫(xiě)入的內(nèi)容是a；myDuplex.pipe(myWritable)，myDuplex充當(dāng)?shù)氖亲x流，往myWritable寫(xiě)的卻是b；所以說(shuō)它所包含的 Readable流和Writable流是完全獨(dú)立的。

理解了Duplex，就更好理解Transform了。Transform是一個(gè)轉(zhuǎn)換流，它既有讀的功能又有寫(xiě)的功能，但是它和Duplex不同的是，它的讀流和寫(xiě)流共用同一個(gè)緩沖區(qū)；也就是說(shuō)，通過(guò)它讀入什么，那它就能寫(xiě)入什么。

實(shí)現(xiàn)一個(gè)Transform，你只需要實(shí)現(xiàn)一個(gè)_transform方法。比如最簡(jiǎn)單的Transform:PassThrough，其源代碼如下所示

PassThrough就是一個(gè)Transform，但是這個(gè)轉(zhuǎn)換流，什么也沒(méi)做，相當(dāng)于一個(gè)透明的轉(zhuǎn)換流。可以看到_transform中什么都沒(méi)有，只是簡(jiǎn)單的將數(shù)據(jù)進(jìn)行回調(diào)。

如果我們?cè)谶@個(gè)環(huán)節(jié)做些擴(kuò)展，只需要在_transform中直接擴(kuò)展就行了。比如我們可以對(duì)流進(jìn)行壓縮，加密，混淆等等操作。

最后介紹一個(gè)流中非常重要的一個(gè)概念：背壓。要了解這個(gè)，我們首先來(lái)看下pipe和highWaterMaker是什么。

pipe

首先看下下面的代碼

const fs = require("./fs");
const readFile = fs.createReadStream("./big.file");
const writeFile = fs.createWriteStream("./writeFile.js");
readFile.pipe(writeFile);

上面的代碼和下面是等價(jià)的

const fs = require("./fs");
const readFile = fs.createReadStream("./big.file");
const writeFile = fs.createWriteStream("./writeFile.js");
readFile.on("data",function(data){
    var flag = ws.write(data);
    if(!flag){ // 當(dāng)前寫(xiě)流緩沖區(qū)已滿，暫停讀數(shù)據(jù)
        readFile.pause();
    }
})
writeFile.on("drain",function()){
    readFile.resume();// 當(dāng)前寫(xiě)流緩沖區(qū)已清空，重新開(kāi)始讀流
}
readFile.on("end",function(data){
    writeFile.end();//將寫(xiě)流緩沖區(qū)的數(shù)據(jù)全部寫(xiě)入，并且關(guān)閉寫(xiě)入的文件
})

pipe所做的操作就是相當(dāng)于為寫(xiě)流和讀流自動(dòng)做了速度的匹配。

讀寫(xiě)流速度不匹配的情況下，一般情況下不會(huì)造成什么問(wèn)題，但是會(huì)造成內(nèi)存增加。內(nèi)存消耗增加，就有可能會(huì)帶來(lái)一系列的問(wèn)題。所以在使用的流的時(shí)候，強(qiáng)烈推薦使用pipe。

highWaterMaker

highWaterMaker說(shuō)白了，就是定義緩沖區(qū)的大小。

默認(rèn)16Kb（Readable最大8M)

可以自定義

背壓的概念可以理解為：為了防止讀寫(xiě)流速度不匹配而產(chǎn)生的一種調(diào)整機(jī)制；背壓該調(diào)整機(jī)制的觸發(fā)時(shí)機(jī)，受限于highWaterMaker設(shè)置的大小。

如上面的代碼 var flag = ws.write(data);，一旦寫(xiě)流的緩沖區(qū)滿了，那flag就會(huì)置為false，反向促進(jìn)讀流的速度調(diào)整。

主要有以下場(chǎng)景

1.文件操作(復(fù)制，壓縮，解壓，加密等)

下面的就很容易就實(shí)現(xiàn)了文件復(fù)制的功能。

const fs = require("fs");
const readFile = fs.createReadStream("big.file");
const writeFile = fs.createWriteStream("big_copy.file");
readFile.pipe(writeFile);

那我們想在復(fù)制的過(guò)程中對(duì)文件進(jìn)行壓縮呢？

const fs = require("fs");
const readFile = fs.createReadStream("big.file");
const writeFile = fs.createWriteStream("big.gz");
const zlib = require("zlib");
readFile.pipe(zlib.createGzip()).pipe(writeFile);

實(shí)現(xiàn)解壓、加密也是類似的。

2.靜態(tài)文件服務(wù)器

比如需要返回一個(gè)html，可以使用如下代碼。

var http = require("http");
var fs = require("fs");
http.createServer(function(req,res){
    fs.createReadStream("./a.html").pipe(res);
}).listen(8000);