现在,Chrome、Safari 和 Firefox 均支持转换流,它们终于正式推出!
浏览器支持
-
<ph type="x-smartling-placeholder">
-
<ph type="x-smartling-placeholder">
-
<ph type="x-smartling-placeholder">
-
<ph type="x-smartling-placeholder">
借助 Streams API,您可以将要接收、发送或转换的资源拆分为多个小区块,然后逐个处理这些区块。最近,Firefox 102 推出
开始支持 TransformStream
,
这意味着 TransformStream
现在是
最终可在各种浏览器中使用。转换流允许您从
ReadableStream
更改为
WritableStream
,正在执行
或者直接使用转换后的结果,
如以下示例中所示。
class UpperCaseTransformStream {
constructor() {
return new TransformStream({
transform(chunk, controller) {
controller.enqueue(chunk.toUpperCase());
},
});
}
}
button.addEventListener('click', async () => {
const response = await fetch('/script.js');
const readableStream = response.body
.pipeThrough(new TextDecoderStream())
.pipeThrough(new UpperCaseTransformStream());
const reader = readableStream.getReader();
pre.textContent = '';
while (true) {
const { done, value } = await reader.read();
if (done) {
break;
}
pre.textContent += value;
}
});