destroy()-siivousfunktio
Palauttakaa action-toiminnosta destroy-funktio tapahtumankuuntelijoiden ja tarkkailijoiden siivoamista varten.
destroy()-siivousfunktio 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.
Miksi siivous
Toiminnot lisäävät usein kuuntelijoita tai tarkkailijoita. Siivous ehkäisee muistivuotoja, kun elementti poistetaan käytöstä.
Palauta destroy
Toiminto voi palauttaa objektin, jolla on destroy()-funktio. Svelte kutsuu sitä elementin poistamisen yhteydessä.
function listen(node) {
function onClick() { /* ... */ }
node.addEventListener("click", onClick);
return { destroy() { node.removeEventListener("click", onClick); } };
}Vapauta varatut resurssit
Kaikki varaamanne resurssit, kuten kuuntelijat, tarkkailijat ja ajastimet, tulee vapauttaa destroy-funktiossa.
Idempotentti destroy
destroy kutsutaan kerran. Kirjoittakaa se silti puolustavasti siltä varalta, että elementti poistetaan käytöstä useita kertoja.
Yhdistä update ja destroy
Palauttakaa molemmat koko elinkaaren hallintaa varten: reagoikaa parametrien muutoksiin ja siivotkaa resurssit elementin poistamisen yhteydessä.
Tarkkailijat
Pysäyttäkää ja katkaiskaa IntersectionObservers-, ResizeObservers- ja MutationObservers-tarkkailijat destroy-funktiossa.
Animaatiokehykset
Perukaa kaikki odottavat requestAnimationFrame-silmukat turhan työn välttämiseksi.
Asynkroninen siivous
destroy voi olla synkroninen. Jos tarvitsette asynkronista siivousta, käynnistäkää siivoustehtävät odottamatta niiden valmistumista.
Muistin profilointi
Varmistakaa selaimen muistityökaluilla, että toiminnot vapauttavat viittaukset elementin poistamisen jälkeen.
TypeScript-tyypit
Palautustyyppi on ActionReturn<Params> paketista svelte/action.
Yleinen virhe
Jos destroy-funktiota ei palauteta, kuuntelijat jäävät kiinnitetyiksi elementin poistumisen jälkeen. Yhdistä aina lisääminen ja poistaminen pareiksi.
Pikatarkistus
Milloin destroy suoritetaan?
Kertaus
Palauttakaa toiminnosta { destroy }, jotta kuuntelijat ja tarkkailijat siivotaan elementin poistamisen yhteydessä.
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 ”destroy()-siivousfunktio” ilmainen?
Kyllä – oppitunnin ”destroy()-siivousfunktio” 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 ”destroy()-siivousfunktio”?
Palauttakaa action-toiminnosta destroy-funktio tapahtumankuuntelijoiden ja tarkkailijoiden siivoamista varten. 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 ”destroy()-siivousfunktio”-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
- use:-direktiivin syntaksi
- Action-parametrit ja päivitykset
- destroy()-siivousfunktio
- Käytännön action-toiminnot: clickOutside, tooltip, autofocus