流可以通过管道连接成一串。最常见的用例是使用pipeThrough()方法把ReadableStream 接入
TransformStream。从内部看,ReadableStream 先把自己的值传给TransformStream 内部的
WritableStream,然后执行转换,接着转换后的值又在新的ReadableStream 上出现。下面的例子
将一个整数的ReadableStream 传入TransformStream,TransformStream 对每个值做加倍处理:
async function* ints() {
// 每1000 毫秒生成一个递增的整数
for (let i = 0; i < 5; ++i) {
yield await new Promise((resolve) => setTimeout(resolve, 1000, i));
}
}
const integerStream = new ReadableStream({
async start(controller) {
for await (let chunk of ints()) {
controller.enqueue(chunk);
}
controller.close();
}
});
const doublingStream = new TransformStream({
transform(chunk, controller) {
controller.enqueue(chunk * 2);
}
});
// 通过管道连接流
const pipedStream = integerStream.pipeThrough(doublingStream);
// 从连接流的输出获得读取器
const pipedStreamDefaultReader = pipedStream.getReader();
// 消费者
(async function() {
while(true) {
const { done, value } = await pipedStreamDefaultReader.read();
if (done) {
break;
} else {
console.log(value);
}
}
})();
// 0
// 2
// 4
// 6
// 8
另外,使用pipeTo()方法也可以将ReadableStream 连接到WritableStream。整个过程与使
用pipeThrough()类似:
async function* ints() {
// 每1000 毫秒生成一个递增的整数
for (let i = 0; i < 5; ++i) {
yield await new Promise((resolve) => setTimeout(resolve, 1000, i));
}
}
const integerStream = new ReadableStream({
async start(controller) {
for await (let chunk of ints()) {
controller.enqueue(chunk);
}
controller.close();
}
});
const writableStream = new WritableStream({
write(value) {
console.log(value);
}
});
const pipedStream = integerStream.pipeTo(writableStream);
// 0
// 1
// 2
// 3
// 4
注意,这里的管道连接操作隐式从ReadableStream 获得了一个读取器,并把产生的值填充到
WritableStream。
08-29
1283
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)