3 Objektien suunnittelun käytännön käytöt JavaScriptillä

Kirjoita puhtaampi koodi näiden tuhoavien kuvioiden avulla

Tähän mennessä olet todennäköisesti melko perehtynyt JavaScriptin tuhoamiseen! Se tuli meille takaisin vuonna 2015 ES6-eritelmässä, mutta jos tarvitset tarkentaa sitä, Mozillalla on hieno perusteellinen artikkeli sen toiminnasta.

Tietäminen, kuinka tuhoaminen toimii, ei kuitenkaan ole sama kuin käytön tuntemus. Tässä on kolme tuhoavaa mallia, joiden avulla voit tehdä koodistasi puhtaamman, kestävämmän ja luettavamman!

1. Toiminnalliset argumentit

Nimetyt argumentit ovat vaihtoehtoinen tapa käsitellä funktioparametreja sijainnin perusteella. Sen sijaan, että tilaat argumentit samassa järjestyksessä kuin funktion allekirjoitus, määrität argumentin nimen perusteella. Esimerkiksi Pythonissa:

Kuten näette, argumenttien järjestyksellä ei ole merkitystä - määrität ne vain nimen perusteella. Nimettyjen argumenttien edut verrattuna paikalliseen ovat:

  1. Voit jättää yhden tai useamman parametrin pois toiminnasta soitettaessa
  2. Järjestyksellä ei ole merkitystä argumentteja kuljettaessa.
  3. Luettavampi koodi soitettaessa toimintoon, joka saattaa olla muualla

Vaikka totta nimettyjä argumentteja ei ole JavaScriptissä, voimme käyttää tuhoavaa mallia saavuttaaksemme kaikki samat edut. Tässä on sama koodi kuin yllä, mutta JavaScript:

Nämä mallit lyövät kaikkia tavoitteitamme nimetyille argumenteille. Pystyimme jättämään väitteen c pois, järjestyksellä ei ole merkitystä, ja osoitamme argumentamme viittaamalla niihin nimeltä. Tämä kaikki on mahdollista esineiden tuhoamisella.

2. Parsoi palvelimen vastaus puhtaasti

Usein välitämme vain palvelinvasteen datalohosta tai edes yhdestä erityisestä arvosta. Jos näin on, voit käyttää hajottamista vain tarttua siihen arvoon unohtamatta monia muita asioita, jotka palvelin yleensä lähettää takaisin. Tässä on esimerkki:

Tämän kuvion avulla voit vetää arvoja objektista, kun argumenttejasi jäsennetään. Voit myös määrittää oletusasetukset ilmaiseksi! Mikä vie meidät kolmanteen malliin ...

3. Oletusarvojen asettaminen toimeksiannon aikana

Yleinen tapa muuttujia tai vakioita määritettäessä on olla oletusarvo, jos jotain muuta arvoa ei tällä hetkellä ole laajuudessa.

Ennen tuhoamista voit tehdä jotain tällaista halutun käytöksen aikaansaamiseksi:

// vanha tapa asettaa oletusarvot
var nightMode = userSettings.nightMode || väärä

Mutta tämä vaatii erillisen koodirivin jokaiselle tehtävälle. Hajottamalla voit huolehtia kaikista tehtävistäsi ja niiden oletusarvoista kerralla:

Tätä hajotuskuviota voidaan soveltaa tilan asettamiseen React-komponenteissa!

Toivon, että pystyt soveltamaan joitain näistä malleista koodiin! Katso alla olevat linkit saadaksesi lisätietoja tuhoamisesta.

Lisätietoja!