ตอนนี้ Chrome, Safari และ Firefox รองรับสตรีมการเปลี่ยนรูปแบบแล้ว ในที่สุดสตรีมก็พร้อมเปิดตัวแล้ว
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;
}
});