TransformStream: readable-Eigenschaft

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juni 2022 browserübergreifend verfügbar.

Hinweis: Diese Funktion ist in Web Workers verfügbar.

Die schreibgeschützte readable-Eigenschaft des TransformStream-Interfaces gibt die ReadableStream-Instanz zurück, die von diesem TransformStream gesteuert wird. Dieser Stream gibt die transformierten Ausgabedaten aus.

In diesem Artikel

Wert

Ein ReadableStream.

Beispiele

Dieses Beispiel erstellt einen TransformStream, der alle Eingabetexte in Großbuchstaben umwandelt. Es schreibt Text in den writable-Stream und liest dann den transformierten Text aus dem readable-Stream.

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

// Write data to be transformed
const writer = stream.writable.getWriter();
writer.write("hello ");
writer.write("world");
writer.close();

// Read transformed data
const reader = stream.readable.getReader();
let done = false;
let output = "";
while (!done) {
  const result = await reader.read();
  if (result.value) {
    output += result.value;
  }
  done = result.done;
}
console.log(output); // HELLO WORLD

Spezifikationen

Spezifikation

Streams
# ref-for-ts-readable②

Browser-Kompatibilität

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

Streams API
TransformStream
Konstruktor
1. TransformStream()
Instanzeigenschaften
1. readable
2. writable
Verwandte Seiten für Streams
Anleitungen
1. Streams API Konzepte
2. Verwendung von lesbaren Streams
3. Verwendung von lesbaren Bytestreams
4. Verwenden von beschreibbaren Streams