Muunnosstreamit
Muokatkaa dataa sen kulkiessa putken läpi.
Muunnosstreamit on ilmainen JavaScript Academy-oppitunti CoddyKitissä. Tämä on oppitunti 3/4. Voit lukea tästä oppimispolusta kokonaan mitkä tahansa 3 oppituntia ilmaiseksi — sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä käytännön harjoittelun sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Oppitunti kuuluu JavaScript Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. JavaScript Academy-kurssilla on yhteensä 4 oppituntia.
Mikä on TransformStream
TransformStream sijaitsee luettavan ja kirjoitettavan puolen välissä. Sisään kirjoitetut palat muunnetaan ja tuotetaan ulos. Se on putkivaihe, joka yhdistää, suodattaa tai muotoilee tietoja lennossa.
Rakenne
Sillä on kaksi päätä: writable, johon tiedot syötetään, ja readable, josta muunnetut tiedot tulevat ulos.
const ts = new TransformStream();
console.log(ts.writable, ts.readable);transform-metodi
Määritelkää toiminta transform(chunk, controller)-funktiolla. Kutsukaa controller.enqueue()-metodia tulosteen tuottamiseksi.
const upper = new TransformStream({
transform(chunk, controller) {
controller.enqueue(chunk.toUpperCase());
}
});Yksi sisään, monta ulos
Muunnos voi tuottaa yhtä syötettä kohti nolla, yhden tai useita paloja. Tämä sopii erinomaisesti tietojen jakamiseen tai laajentamiseen.
const splitter = new TransformStream({
transform(line, controller) {
for (const word of line.split(" ")) controller.enqueue(word);
}
});Suodattaminen muunnoksilla
Älkää yksinkertaisesti lisätkö jonoon paloja, jotka haluatte jättää pois.
const onlyEven = new TransformStream({
transform(n, controller) {
if (n % 2 === 0) controller.enqueue(n);
}
});flush-metodi
flush(controller) suoritetaan kerran syötteen päättyessä. Se sopii puskuroitujen jäljelle jääneiden tietojen tai viimeisen palan tuottamiseen.
const ts = new TransformStream({
transform(c, ctrl) { ctrl.enqueue(c); },
flush(ctrl) { ctrl.enqueue("[END]"); }
});Puskurointi datapalojen välillä
Säilyttäkää tila sulkeumassa osittaisten palojen yhdistämistä varten, esimerkiksi kokonaisien rivien kokoamiseksi mielivaltaisista tavurajoista.
let buffer = "";
new TransformStream({
transform(chunk, ctrl) {
buffer += chunk;
const parts = buffer.split("\n");
buffer = parts.pop();
for (const line of parts) ctrl.enqueue(line);
},
flush(ctrl) { if (buffer) ctrl.enqueue(buffer); }
});Valmiit muunnosvirrat
Alusta tarjoaa valmiit muunnokset TextDecoderStream, TextEncoderStream sekä CompressionStream/DecompressionStream.
const gzip = new CompressionStream("gzip");
const compressed = inputStream.pipeThrough(gzip);Yhdistäminen pipeThrough-metodilla
readable.pipeThrough(transform) yhdistää lähteen muunnokseen ja palauttaa muunnoksen luettavan tulosteen, joka on valmis seuraavaa vaihetta varten.
const out = sourceStream
.pipeThrough(new TextDecoderStream())
.pipeThrough(upper);Asynkroniset muunnokset
transform voi olla asynkroninen. Sen sisällä voidaan käyttää await-avainsanaa API-kutsuihin tai muuta asynkronista työtä varten kullekin palalle. Virta odottaa lupausta.
new TransformStream({
async transform(chunk, ctrl) {
const result = await process(chunk);
ctrl.enqueue(result);
}
});Virheiden välittyminen
transform-funktion sisällä heitetty poikkeus aiheuttaa virheen virrassa. Alavirran kuluttajat näkevät virheen ja putkisto puretaan.
new TransformStream({
transform(chunk, ctrl) {
if (!valid(chunk)) throw new Error("bad chunk");
ctrl.enqueue(chunk);
}
});Pikatarkistus
Testatkaa muunnosvirtoja.
Kertaus: muunnosvirrat
Rakensitte muunnoksia käyttämällä transform- ja flush-käsittelijöitä, kuvasitte, suodatitte ja laajensitte paloja, puskuroitte dataa palojen rajojen yli, käytitte valmiita ominaisuuksia, kuten CompressionStream-ominaisuutta, ja yhdistitte vaiheet pipeThrough-menetelmällä. Seuraavaksi käsittelemme vastapainetta ja putkitusta.
Opi JavaScript tekoälytuutorin avulla — ilmaiseksi
Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.
- Kurssit
- 59
- Oppitunnit
- 200
Usein kysytyt kysymykset
Onko oppitunti ”Muunnosstreamit” ilmainen?
Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa JavaScript Academy-oppimispolun 3 oppituntia, myös oppitunnin “Muunnosstreamit”. Sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä interaktiiviset harjoitukset sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. JavaScript Academy-kurssilla on yhteensä 4 oppituntia.
Mitä opin oppitunnilla ”Muunnosstreamit”?
Muokatkaa dataa sen kulkiessa putken läpi. Harjoittelet JavaScript Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.
Tarvitsenko kokemusta aloittaakseni JavaScript Academy-opiskelun?
Aiempi kokemus ei ole tarpeen. CoddyKitin JavaScript Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 3/4.
Kuinka kauan ”Muunnosstreamit”-oppitunnin suorittaminen kestää?
Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.
Voinko kirjoittaa ja suorittaa koodia tällä JavaScript Academy-oppitunnilla?
Kyllä. Jokainen JavaScript Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.