在现代 Web 开发中。Web Streams API 是由 WHATWG 标准定义的，旨在为浏览器环境提供一套统一、高性能、可组合的流处理方式。

你是否遇到过这些痛点？说起来，

• 处理大文件时内存暴涨。甚至崩溃，
• 网络请求数据过大导致页面卡顿？其实，
• 需要同时处理多个数据源但无法优雅组合？
• 不同网站的流实现不兼容，代码重复率高？话说回来，

. Web Streams 的主要组件

Web Streams 主要由三个角色组成。构成了一个完整的“生产者-使用者”管道：

① ReadableStream

解决实际问题：如何安全地获取大数据而不崩溃内存？

• ReadableStream: 数据的源头。 它将底层资源封装起来，
  • 控制器 : 用于向流中推送数据 或关闭流。
  • 读取器 : 通过 getReader 获取，确保同一时间只有一个对象在读取数据。⚠️ 独占锁避免了多个部分同时读取导致的资源竞争和状态混乱！

. 为什么需要独占锁?

"我们曾遇到过两个模块同时操作同一个流导致数据错乱的情况..." - 某开发者案例分享

② WritableStream

⚠️ 痛点场景:

方法:
• WritableStream: - 数据的终点.例如将数据写入磁盘。发送到打印机或更新DOM.
. 写入器: - 通过getWriter获取.
• - 对于大文件上传,建议每次只读取1MB左右接下来通过WritableStream分块写入!这样能显著降低内存压力，

  ③ TransformStream

  . 转换中间状态

  'TransformStream: 中间过滤器.包含一个可写端和一个可读端。数据从一端进入后从另端输出. 常见应用包括压缩/解密/格式转换等.
  • 再看'场景案例，我们之前遇到需要实时解压服务器返回zip包接下来显示内容 使用TransformStream可以边下载边解压显示进度条!
    原始代码需要先全部下载再解压才能显示内容...