用 js fetch 写一个 stream 请求的代码

// 创建一个ReadableStream对象
const stream = new ReadableStream({
  start(controller) {
    // 发起请求
    fetch('your_url_here')
      .then(response => {
        const reader = response.body.getReader();

        // 定义读取数据的函数
        function read() {
          reader.read().then(({ done, value }) => {
            // 如果读取结束，则关闭流
            if (done) {
              controller.close();
              return;
            }

            // 处理获取到的数据
            console.log(value);

            // 继续读取下一部分数据
            read();
          });
        }

        // 开始读取数据
        read();
      })
      .catch(error => {
        console.error('Error:', error);
        controller.error(error);
      });
  }
});

// 使用stream对象
const response = new Response(stream, { headers: { "Content-Type": "text/html" } });
const html = new HTMLDivElement();
html.innerHTML = `<p>Loading...</p>`;
document.body.appendChild(html);
html.appendChild(response.body);