WritableStream

This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.

The WritableStream interface of the the Streams API provides a standard abstraction for writing streaming data to a destination, known as a sink. This object comes with build-in backpressure and queuing.

Constructor

WritableStream.WritableStream()
Creates a new WritableStream object.

Properties

WritableStream.locked Read only
A boolean indicating whether the WritableStream is locked to a writer. 

Methods

WritableStream.abort()
Aborts the stream, signaling that the producer can no longer successfully write to the stream and it is to be immediately moved to an error state, with any queued writes discarded.
WritableStream.getWriter()
Returns a new instance of WritableStreamDefaultWriter and locks the stream to that instance. While the stream is locked, no other writer can be acquired until this one is released. 

Examples

The following example illustrates several features of this interface.  It shows the creation of the WritableStream with a custom sink (destination) and an API-supplied queueing strategy (lines 10 through 12). It then calls a function called arrayToStream(), passing the newly created stream and an array of integers (line 14). Inside this function it calls the streams getWriter() method, which returns an instance WritableStreamDefaultWriter. A forEach() call is used to write each chunk of the array to the stream. Finally, write() and close() return promises that are processed to deal with success or failure of chunks and streams (lines 4-5 and 15-16).

function arrayToStream(array, writableStream) {
  const writer = writableStream.getWriter();
  array.forEach(chunk => writer.write(chunk)
    .then(() => console.log("Chunk written to sink.))
    .catch(e => console.error("Chunk writing error: " + e));
  );
  // Returns a promise.
  return writer.close();
}
var sink = new MySink();
var strategy = new ByteLengthQueuingStrategy({ highWaterMark: 32 * 1024 })
const writableStream = new WritableStream(sink, strategy);
arrayToStream([1,2,3,4,5], writableStream)
  .then(() => console.log("All chunks written. Stream closed."))
  .catch(e => console.error("Stream writing error: " + e));

Specifications

Specification Status Comment
Streams
The definition of 'WritableStream' in that specification.
Living Standard Initial definition.

Browser Compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 58 ? ? 45 ?
Feature Android Webview Chrome for Android Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile Safari Mobile
Basic support 58 58 ? ? ? 45 ?

Document Tags and Contributors

 Contributors to this page: jpmedley
 Last updated by: jpmedley,