js
const stream = new ReadableStream({
  start(controller) {
    interval = setInterval(() => {
      let string = randomChars();
      // 将随机字符串添加到流
      controller.enqueue(string);
      // 在屏幕上展示
      let listItem = document.createElement("li");
      listItem.textContent = string;
      list1.appendChild(listItem);
    }, 1000);
    button.addEventListener("click", function () {
      clearInterval(interval);
      fetchStream();
      controller.close();
    });
  },
  pull(controller) {
    // 在这个例子中不使用 pull
  },
  cancel() {
    // 如果取消了 reader，则会调用该函数，
    // 所以我们应该在这里停止生成字符串
    clearInterval(interval);
  },
});

规范

Streams
# ref-for-rs-default-controller-enqueue①

浏览器兼容性

启用 JavaScript 以查看此浏览器兼容性表。

参见

帮助改进 MDN

此页面对您有帮助吗？

是否

了解如何参与贡献

此页面最后更新于 2023年7月29日，由 MDN 贡献者更新。

在 GitHub 上查看此页面 • 报告此内容的问题

Stream API
ReadableStreamDefaultController
实例属性
1. desiredSize
实例方法
Streams 的相关页面
指南
1. Stream API 概念
2. 使用可读流
3. Using readable byte streams
4. Using writable streams