api调用流程图

Using streams we can receive a resource from the network, or from other sources, and process it as soon as the first bit arrives.

使用流，我们可以从网络或其他来源接收资源，并在第一位到达时对其进行处理。

Instead of waiting for the resource to completely download before using it, we can immediately work with it.

无需等待资源完全下载再使用，我们可以立即使用它。

什么是流 (What is a stream)

The first example that comes to mind is loading a YouTube video - you don’t have to fully load it before you can start watching it.

我想到的第一个示例是加载YouTube视频-您无需完全加载它即可开始观看。

Or live streaming, where you don’t even know when the content will end.

或实时流式传输，甚至不知道内容何时结束。

The content does not even have to end. It could be generated indefinitely.

内容甚至不必结束。 它可以无限期生成。

流API (The Streams API)

The Streams API allows us to work with this kind of content.

Streams API允许我们处理此类内容。

We have 2 different streaming modes: reading from a stream, and writing to a stream.

我们有2种不同的流传输模式：从流读取和写入流。

Readable streams are available in all modern browsers except Internet Explorer.

除Internet Explorer之外，所有现代浏览器均提供可读流。

Writable streams are not available on Firefox and Internet Explorer.

可写流在Firefox和Internet Explorer上不可用。

As always, check caniuse.com for the most up-to-date information on this matter.

与往常一样，请访问caniuse.com ，以获取有关此问题的最新信息。

Let’s start with readable streams

让我们从可读流开始

可读流 (Readable streams)

We have 3 classes of objects when it comes to readable streams:

关于可读流，我们有3类对象：

• ReadableStream

  ReadableStream

• ReadableStreamDefaultReader

  ReadableStreamDefaultReader

• ReadableStreamDefaultController

  ReadableStreamDefaultController

We can consume streams using a ReadableStream object.

我们可以使用ReadableStream对象使用流。

Here is the first example of a readable stream. The Fetch API allows to get a resource from the network and make it available as a stream:

这是可读流的第一个示例。 Fetch API允许从网络获取资源并将其作为流使用：

const stream = fetch('/resource')
  .then(response => response.body)

cs