Parameeter funktsioonides on iga programmiline interaktsioon. JavaScriptis võib valiklike parameetrite käsitlemine sõltuda kasutatavast versioonist. ES6-ga on sul nüüd elegantne võimalus lisada valiklike parameetrite ja nende vaikimisi väärtustega otse funktsiooni definitsiooni. Selles juhendis selgitan sulle samm-sammult, kuidas saad sellest uuest süntaksist kasu võtta.
Olulisemad järeldused
- ES6 abil saad luua valikulisi parameetreid ja määrata vaikimisi väärtused funktsiooni signatuuris.
- Süntaks on selgem ning vähendab vajadust täiendavate kontrollide järele, mis olid varasemates versioonides vajalikud.
Samm-sammuline juhend
Funktsiooni määratlemine vaikimisi väärtustega
Alustame lihtsast funktsiooni määratlemisest, millel on kaks parameetrit – väärtus, mida soovid suurendada, ja suurenemine, mida soovid saavutada. Nimeks annan sellele funktsioonile increment. Siin peaksid määrama funktsiooni nime ja selle parameetrid.
Sa määratled parameetrid järgmiselt: value (väärtus) ja i (suurenemine). Tagastuses deklareerid lihtsalt nende kahe parameetri summa.
Esimese funktsiooni kutsumise jaoks saad näiteks kasutada increment(5, 2) ja salvestada tulemuse muutujasse.
Vaikimisi väärtuste kasutamine funktsiooni signatuuris
Funktsiooni käitumise parandamiseks saad määrata parameetrite jaoks vaikimisi väärtused. Kui sa kutsud funktsiooni ainult esimese parameetriga, soovid teisele parameetrile vaikimisi väärtust. Seetõttu saad parameetri i funktsiooni signatuuris initsialiseerida = 1.
Teste nüüd funktsiooni uuesti ainult ühe parameetriga, nt. increment(5). See peaks õigesti tagastama 6.
Käitlemine mitme vaikimisi väärtusega
On võimalik määrata mitmeid parameetreid vaikimisi väärtustega. Kui soovid näiteks seadistada value vaikimisi väärtuseks 5 ja i jaoks 1, näeb funktsioon välja nii: function increment(value = 5, i = 1). Kui nüüd kutset increment() teed, peaksid nagu oodatud saama 6.
See metodoloogia muudab funktsiooni paindlikumaks. Pange tähele, et saad valida ja standardiseerida ka ainult tosin parameetrit vastavalt oma vajadustele.
undefined'i edastamine ja vaikimisi väärtustega käsitlemine
Kui edastad näiteks esimese parameetri väärtuseks undefined, kasutatakse value jaoks vaikimisi väärtust. Seega näeb kutse välja nii: increment(undefined, 5). Tulemuseks on 10, kuna value on 5 ja i on 5.
See lähenemine võib tunduda natuke ebaselge, seega on soovitatav tavaliselt paigutada vaikimisi väärtused parameetrite nimekirja lõppu.
Komplekssete vaikimisi väärtuste kasutamine
Sa saad kasutada ka funktsioone vaikimisi väärtustena. Kui määratled funktsiooni getInitValue, mis tagastab teatud väärtuse, saad seda funktsiooni funktsiooni signatuuris kasutada nii: function increment(value = getInitValue()). Funktsiooni kutse puhul increment() edasta vaikimisi väärtus.
Oluline on märkida, et funktsioon getInitValue kutsub välja ainult siis, kui edastad undefined. See säästab ressursse, kui vaikimisi väärtust ei vajata.
Viide valiklike parameetrite kasutamisele
Uue süntaksi abil valiklike parameetrite jaoks ES6-s võimaldab Visual Studio Code'is parameetri taha küsimärgiga (?) panna selget viidet sellele, et see parameeter on valikuline. Sellega saad kiiresti tuvastada, milliseid parameetreid võid võib-olla vahele jätta.
See lihtne viis vaikimisi väärtuste määratlemiseks aitab muuta su koodi loetavamaks ja hooldatavamaks.
Kokkuvõte valiklike parameetrite kasutamisest
Lõpuks oled valmis kasutama valiklike parameetrite kontseptsiooni tõhusalt oma JavaScripti projektides. Suur eelis seisneb selguses ja parameetri kontrollimise vaeva vähendamises. Su kood on mitte ainult puhtam, vaid ka arusaadavam teistele arendajatele, kes sinu koodi loevad.
Kokkuvõte – Valikulised funktsiooni parameetrid JavaScriptis: Üksikasjalik juhend
Valiklike funktsiooni parameetrite kasutamine JavaScriptis võimaldab elegantset struktuuri ja loetavat koodi. Sa õppisid, kuidas määrata vaikimisi väärtusi, hallata mitmeid parameetreid ja isegi kasutada funktsioone vaikimisi parameetritena. Need tehnikad aitavad sul arendusprotsessi oluliselt parandada.
Korduma kippuvad küsimused
Mis on valikulised funktsiooni parameetrid?Valikuliseks funktsiooni parameetris on parameetrid, mis ei pea tingimata olema funktsiooni kutse ajal määratletud; neil on vaikimisi väärtused.
Kuidas määrata vaikimisi väärtusi ES6-s?Sa saad määrata vaikimisi väärtused otse funktsiooni signatuuris, määrates need võrdsusmärgiga =.
Kuidas tegutseda mitme vaikimisi väärtuseta parameetriga?Määra vaikimisi väärtused funktsiooni definitsioonis ja veendu, et need oleksid parameetrite loendi lõpus, et suurendada loetavust.
Millal on mõistlik kasutada funktsioone vaikimisi väärtustena?See on mõistlik, kui vaikimisi väärtuse arvutamine on keeruline või võib vajada lisavahendeid – nii kutsutakse seda välja ainult vajadusel.
Kas ma saan valikseid parameetreid segada ja kohandada?Jah, saad segada valikseid parameetreid ja vaikimisi väärtusi vastavalt vajadusele; siiski on soovitatav paigutada vaikimisi väärtused parameetrite loendi lõppu.
