70、网络请求、远程资源与客户端存储技术详解

最新推荐文章于 2025-07-21 14:30:43 发布

原创最新推荐文章于 2025-07-21 14:30:43 发布 · 46 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#网络请求 # CORS # 信标API

探索《专业JavaScript》的深度世界专栏收录该内容

86 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

网络请求、远程资源与客户端存储技术详解

1. 网络请求与流处理

在网络请求中，可以利用双流技术对响应流进行检查和操作。由于可以使用 ReadableStream 创建 Response 对象，因此能够读取一个流，将其管道传输到新创建的二级流中，并使用该二级流进行 Body 方法（如 text() ）的操作。示例代码如下：

fetch('https://fetch.spec.whatwg.org/')
  .then((response) => response.body)
  .then((body) => {
    const reader = body.getReader();

    // create secondary stream
    return new ReadableStream({
      async start(controller) {
        try {
          while (true) {
            const { value, done } = await reader.read();

            if (done) {
              break;
            }

            // Push the body stream's chunk onto the secondary stream
            controller.enqueue(value);