前言
流是 Web API 标准的一个组成部分，它允许以逐步的方式处理多个数据块，并支持各种数据源。但是，浏览器对流的支持并不完整，这就需要使用 polyfills 来填充这些不足之处。@mattiasbuelens/web-streams-polyfill 就是一个这样的 polyfill，它提供了浏览器缺失的跨浏览器支持。
本篇文章将会介绍如何使用 @mattiasbuelens/web-streams-polyfill。
安装
你可以使用 npm 安装 @mattiasbuelens/web-streams-polyfill：
npm install @mattiasbuelens/web-streams-polyfill
使用
在你的代码中引入 @mattiasbuelens/web-streams-polyfill：
import "@mattiasbuelens/web-streams-polyfill";
现在你可以使用浏览器原本不支持的 API，比如 ReadableStream、WritableStream 等。
示例
ReadableStream
创建一个 ReadableStream 并使用它来读取一个文件的内容：
-- -------------------- ---- ------- ------ --------------------------------------- -- ------ ----- -------- -------------- - ----- ---------- - -------------- ----- -------- - --- --------------------- ----- ------ - -------------------------- --- ------ - --- ----- ------ - ----- - ----- ----- - - ----- -------------- -- ------ ------ ------------------- - ------ --- ----------------------------- - -- ---- ----- ---- - ----- ------------------------------------- -- ------ ----- ----------- - ----- ---------------展开代码
WritableStream
创建一个 WritableStream 并使用它来处理一个大量的数据：
-- -------------------- ---- ------- ------ --------------------------------------- -- ------- -------- ----------------- - ---- --------- - -- ----- ----- -------- - --- ---------------- ------------ - ------------------- -- --- -- ---- --- ---- - - -- - - -------- ---- - ----------------------------- - -----------------展开代码
结论
本篇文章介绍了如何使用 @mattiasbuelens/web-streams-polyfill 来填充浏览器缺失的流的支持。在使用这个 polyfill 时需要注意的是，如果使用它的 API，那么在某些情况下会产生额外的负担，因此在使用它之前最好仔细考虑是否真的有必要使用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedcb57b5cbfe1ea06125b2
