ReadableStream: ReadableStream()

Baseline

20201

ReadableStream()

underlyingSource

new ReadableStream()
new ReadableStream(underlyingSource)
new ReadableStream(underlyingSource, queuingStrategy)

underlyingSource

underlyingSource

start (controller)

controller ReadableStreamDefaultController ReadableByteStreamController type

pull (controller)

pull() controller ReadableStreamDefaultController ReadableByteStreamController type start() BYOB

cancel (reason)

ReadableStream.cancel() reason

type

"bytes" BYOB / ReadableByteStreamController ReadableStreamDefaultController

autoAllocateChunkSize

autoAllocateChunkSize ReadableByteStreamController.byobRequest

ReadableStreamDefaultReader ReadableByteStreamController.byobRequest null

queuingStrategy

highWaterMark
size(chunk): chunk

: queuingStrategy ByteLengthQueuingStrategy CountQueuingStrategy queuingStrategy 1 CountQueuingStrategy

ReadableStream

RangeError: type "bytes" undefined

ReadableStream start() 1 ReadableStream.cancel() cancel()

ReadableStreamDefaultController.close()

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", () => {
      clearInterval(interval);
      fetchStream();
      controller.close();
    });
  },
  pull(controller) {
    //  pull 
  },
  cancel() {
    // 
    // 
    clearInterval(interval);
  },
});


Streams # ref-for-rs-constructor

MDN

2025624 MDN

GitHub