Към съдържанието

Потоци

Преглед като Markdown Редактиране в GitHub Документация за 5b53f69

Phasis реализира пълния стандарт WHATWG Streams. Всеки клас, всеки режим на четене, всяка помощна функция. Същият код, който работи в Node и съвременните браузъри, работи и в Phasis.

Това е имплементацията, която fetch използва вътрешно — Response.body е истински ReadableStream, Request приема поточни тела, а tee(), необходим за клониране на Response, работи.

Какво е включено

Клас Статус
ReadableStream Пълен
ReadableStreamDefaultController Пълен
ReadableByteStreamController Пълен
ReadableStreamDefaultReader Пълен
ReadableStreamBYOBReader Пълен
ReadableStreamBYOBRequest Пълен
WritableStream Пълен
WritableStreamDefaultController Пълен
WritableStreamDefaultWriter Пълен
TransformStream Пълен
TransformStreamDefaultController Пълен
ByteLengthQueuingStrategy Пълен
CountQueuingStrategy Пълен

И методите, които ще използвате: pipeTo, pipeThrough, tee, getReader, асинхронно обхождане, Symbol.asyncIterator, четене с BYOB чрез { min }.

Генериране

JavaScript
// Pull-based — only generates values when read
const counter = new ReadableStream({
  start(controller) { this.n = 0; },
  pull(controller) {
    if (this.n >= 5) { controller.close(); return; }
    controller.enqueue(this.n++);
  },
});

for await (const v of counter) console.log(v);  // 0,1,2,3,4
JavaScript
// Push-based — start enqueues everything eagerly
const small = new ReadableStream({
  start(c) {
    [10, 20, 30].forEach(n => c.enqueue(n));
    c.close();
  },
});

Консумиране

Три начина за четене:

JavaScript
// 1. Reader
const reader = stream.getReader();
while (true) {
  const { value, done } = await reader.read();
  if (done) break;
  console.log(value);
}
reader.releaseLock();

// 2. Async iteration (preferred)
for await (const chunk of stream) {
  console.log(chunk);
}

// 3. tee + parallel pipes
const [a, b] = stream.tee();
await Promise.all([a.pipeTo(sinkA), b.pipeTo(sinkB)]);

Трансформиране

JavaScript
const upper = new TransformStream({
  transform(chunk, controller) {
    controller.enqueue(chunk.toUpperCase());
  },
});

const result = new ReadableStream({
  start(c) { ['hi', 'there'].forEach(s => c.enqueue(s)); c.close(); }
}).pipeThrough(upper);

for await (const v of result) console.log(v);  // HI, THERE

Поток от байтове (BYOB)

JavaScript
const bytes = new ReadableStream({
  type: 'bytes',
  start(controller) {
    controller.enqueue(new Uint8Array([1, 2, 3, 4, 5, 6]));
    controller.close();
  },
});

const reader = bytes.getReader({ mode: 'byob' });
const buf = new Uint8Array(4);
const { value, done } = await reader.read(buf);
// value is a Uint8Array of length 4, sharing buffer with `buf`

{ min: N } се поддържа — read(view, { min: 2 }) се разрешава само когато са налични поне 2 елемента.

Обратно налягане

desiredSize и ready работят според спецификацията. Използвайте стратегия за опашка, за да предоставите обратен канал на производителя:

JavaScript
const stream = new ReadableStream({
  pull(controller) {
    if (controller.desiredSize <= 0) return;  // back off
    controller.enqueue(nextChunk());
  },
}, new CountQueuingStrategy({ highWaterMark: 4 }));

С fetch

JavaScript
// Response body is a ReadableStream
const res = await fetch('https://example.com/big.txt');
let total = 0;
for await (const chunk of res.body) {
  total += chunk.byteLength;
}

// Request bodies can stream too
const upload = new ReadableStream({
  start(c) { c.enqueue(new TextEncoder().encode('hello')); c.close(); }
});
await fetch('https://example.com/upload', { method: 'POST', body: upload });

tee за кеширане

Често срещан модел: прочитане на тялото два пъти.

JavaScript
const res = await fetch(url);
const [forCache, forUse] = res.body.tee();
await Promise.all([
  forCache.pipeTo(cacheWritable),
  parseJson(forUse),
]);

Response.clone() го прави вместо вас и връща нов Response.

Особености

  • Производителите са само синхронни. pull(), който извършва блокиращ входно-изходен достъп до PHP, ще блокира скрипта. За HTTP използвайте кукичката на транспорта fetch; за файлове е за предпочитане да ги прочетете предварително в паметта. Налични са setTimeout / setInterval (вижте Цикъл на събитията), но по подразбиране машината използва виртуално време — setTimeout(cb, 1000) в рамките на pull() не изчаква PHP, а придвижва часовника на цикъла. За темпото в реално време хостът трябва да задвижва tickEventLoop() спрямо реалния часовник.

Вижте също