持续创造，加快生长！这是我参与「日新方案 10 月更文应战」的第15天，点击查看活动概况

我们好，我是CoderBin

前言

面试官：“说说你对Node中的Stream的理解”

严重的萌新：“好像是一种流？…”

面试官：“…”

又来到了面试官系列，本次讲解的是node中关于Stream的相关知识，归于node知识的规模。希望对我们有所协助，谢谢！ 假如文中有不对、疑惑的当地，欢迎在谈论区留言指正

高频面试总结

【1】关于Vue的一些高频面试题总结

【2】75道关于CSS的高频面试题总结，请注意查收！

面试官系列文章

【1】面试官系列-专栏

一、是什么

流（Stream），是一个数据传输手段，是端到端信息交换的一种方式，而且是有次序的,是逐块读取数据、处理内容，用于次序读取输入或写入输出

Node.js中许多目标都完结了流，总归它是会冒数据（以Buffer为单位）

它的独特之处在于，它不像传统的程序那样一次将一个文件读入内存，而是逐块读取数据、处理其内容，而不是将其悉数保存在内存中

流能够分红三部分：source、dest、pipe

在source和dest之间有一个连接的管道pipe,它的根本语法是source.pipe(dest)，source和dest就是通过pipe连接，让数据从source流向了dest，如下图所示：

面试官：说说你对Node中的Stream的理解

二、品种

在NodeJS，几乎一切的当地都运用到了流的概念，分红四个品种：

  • 可写流：可写入数据的流。例如 fs.createWriteStream() 能够运用流将数据写入文件
  • 可读流：可读取数据的流。例如 fs.createReadStream() 能够从文件读取内容
  • 双工流：既可读又可写的流。例如 net.Socket
  • 转换流：能够在数据写入和读取时修正或转换数据的流。例如，在文件紧缩操作中，能够向文件写入紧缩数据，并从文件中读取解压数据

在NodeJS中HTTP服务器模块中，request是可读流，response是可写流。还有fs模块，能同时处理可读和可写文件流

可读流和可写流都是单向的，比较容易理解，而别的两个是双向的

1. 双工流

比方说websocket通信，是一个全双工通信，发送方和接受方都是各自独立的办法，发送和接纳都没有任何关系

如下图所示：

面试官：说说你对Node中的Stream的理解

根本代码如下：

const { Duplex } = require('stream');
const myDuplex = new Duplex({
  read(size) {
    // ...
  },
  write(chunk, encoding, callback) {
    // ...
  }
});

双工流的演示图如下所示：

面试官：说说你对Node中的Stream的理解
除了上述紧缩包的例子，还比方一个babel，把es6转换为，我们在左面写入es6，从右边读取es5

根本代码如下所示：

const { Transform } = require('stream');
const myTransform = new Transform({
  transform(chunk, encoding, callback) {
    // ...
  }
});

三、运用场景

stream的运用场景首要就是处理IO操作，而http恳求和文件操作都归于IO操作

思维一下，假如一次IO操作过大，硬件的开支就过大，而将此次大的IO操作进行分段操作，让数据像水管一样流动，知道流动完结

常见的场景有：

  • get恳求回来文件给客户端
  • 文件操作
  • 一些打包东西的底层操作

1. get恳求回来文件给客户端

运用stream流回来文件，res也是一个stream目标，通过pipe管道将文件数据回来

const server = http.createServer(function (req, res) {
  const method = req.method; // 获取恳求办法
  if (method === 'GET') { // get 恳求
      const fileName = path.resolve(__dirname, 'data.txt');
      let stream = fs.createReadStream(fileName);
      stream.pipe(res); // 将 res 作为 stream 的 dest
  }
});
server.listen(8000);

2. 文件操作

创立一个可读数据流readStream，一个可写数据流writeStream，通过pipe管道把数据流转过去

const fs = require('fs')
const path = require('path')
// 两个文件名
const fileName1 = path.resolve(__dirname, 'data.txt')
const fileName2 = path.resolve(__dirname, 'data-bak.txt')
// 读取文件的 stream 目标
const readStream = fs.createReadStream(fileName1)
// 写入文件的 stream 目标
const writeStream = fs.createWriteStream(fileName2)
// 通过 pipe执行复制，数据流转
readStream.pipe(writeStream)
// 数据读取完结监听，即复制完结
readStream.on('end', function () {
    console.log('复制完结')
})

3. 一些打包东西的底层操作

现在一些比较火的前端打包构建东西，都是通过node.js编写的，打包和构建的进程肯定是文件频频操作的进程，离不来stream，如gulp

往期引荐

高阅读好文：

【1】关于Vue的一些高频面试题总结

【2】75道关于CSS的高频面试题总结，请注意查收！

【3】Vue内置指令大全

【4】面试官：你说说 js 中完结继承有哪几种办法？

【5】一篇文章带你搞懂 this 的四个绑定规则 ✍

—– 查看悉数 —–

每文一句：少而不学，老而无识。

本次的分享就到这里，假如本章内容对你有所协助的话欢迎点赞+收藏。文章有不对的当地欢迎指出，有任何疑问都能够在谈论区留言。希望我们都能够有所收获，我们一同探讨、进步！