بعد أن أصبحت مجموعات الإحالات الناجحة متوفّرة في Chrome وSafari وFirefox، أصبحت الآن جاهزة للاستخدام في الوقت الحالي.
تتيح لك Streams API تقسيم المورد الذي تريد استلامه أو إرساله أو تحويله إلى أجزاء صغيرة، ثم معالجة هذه المجموعات بتاتًا. في الآونة الأخيرة، بدأ إصدار 102 من 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;
}
});
عرض توضيحي
المتصفحات المتوافقة