$derived: deklaratiiviset lasketut arvot
Laskekaa arvoja, jotka päivittyvät automaattisesti niiden riippuvuuksien muuttuessa.
$derived: deklaratiiviset lasketut arvot on ilmainen Sveltejs Academy-oppitunti CoddyKitissä. Tämä on oppitunti 3/4. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu Sveltejs Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. Sveltejs Academy-kurssilla on yhteensä 4 oppituntia.
Laskettu tila
Käyttäkää $derived(expr)-muotoa arvon laskemiseen reaktiivisista lähteistä.
let count = $state(0);
let doubled = $derived(count * 2);Automaattisesti seurattu
Svelte seuraa lausekkeen riippuvuuksia automaattisesti. Laskettu arvo päivittyy, kun mikä tahansa lähde muuttuu.
Vain luku
Laskettuja arvoja ei voi määrittää suoraan; ne vastaavat aina laskentaa.
Käyttö merkkauskoodissa
Lukekaa laskettuja arvoja kuten mitä tahansa tilaa.
<p>Doubled: {doubled}</p>Laiska arviointi
Lasketut arvot lasketaan vasta luettaessa; jos niitä ei lueta, laskennan kustannus jää pois.
Välimuistitus
Tulos säilytetään välimuistissa lähteen muuttumiseen asti – sitä ei lasketa uudelleen jokaisella lukukerralla.
Monimutkainen logiikka
Monilauseista logiikkaa varten käyttäkää muotoa $derived.by(() => { ... }).
$:-syntaksiin verrattuna
$derived korvaa muodon $: x = .... Se on eksplisiittisempi ja toimii myös .svelte-tiedostojen ulkopuolella.
Tyypin päättely
TypeScript päättelee tyypit automaattisesti lausekkeesta.
Ei sivuvaikutuksia
Lasketun arvon on oltava puhdas. Käyttäkää sivuvaikutuksiin $effectia.
Suorituskyky
Tulos säilytetään välimuistissa ja lasketaan uudelleen vain riippuvuuksien muuttuessa.
Pikatarkistus
Mitä $derived palauttaa?
Kertaus
$derived on nykyaikainen ja eksplisiittinen tapa määrittää lasketut arvot. Käyttäkää $derived.by-muotoa moniriviseen logiikkaan.
Opi HTML 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
- 41
- Oppitunnit
- 163
Usein kysytyt kysymykset
Onko oppitunti ”$derived: deklaratiiviset lasketut arvot” ilmainen?
Kyllä – oppitunnin ”$derived: deklaratiiviset lasketut arvot” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko Sveltejs Academy-kurssin, päivitä CoddyKit PROhon. Sveltejs Academy-kurssilla on yhteensä 4 oppituntia.
Mitä opin oppitunnilla ”$derived: deklaratiiviset lasketut arvot”?
Laskekaa arvoja, jotka päivittyvät automaattisesti niiden riippuvuuksien muuttuessa. Harjoittelet Sveltejs Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.
Tarvitsenko kokemusta aloittaakseni Sveltejs Academy-opiskelun?
Aiempi kokemus ei ole tarpeen. CoddyKitin Sveltejs 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 ”$derived: deklaratiiviset lasketut arvot”-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ä Sveltejs Academy-oppitunnilla?
Kyllä. Jokainen Sveltejs 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.
Kaikki tämän kurssin oppitunnit
- Miksi runet: eroon kääntäjän taikuudesta
- $state: hienojakoinen reaktiivisuus
- $derived: deklaratiiviset lasketut arvot
- $effect: sivuvaikutukset