Kaasaegne JavaScript alates ES6 kuni ES13 (JS-i õpetus)

Efektiivne käsitlemine jääk-parameetritega JavaScriptis

Kõik õpetuse videod Kaasaegne JavaScript alates ES6 kuni ES13 (JS õpetus)

Aeg on optimeerida viisi, kuidas sa funktsioonidega töötad. JavaScripti evolutsioon on toonud kaasa palju uusi funktsioone ja rest-parameetrite kasutamine on üks efektiivsemaid viise, kuidas funktsioonides variatiivsete argumentidega toime tulla. Selles õpetuses näitan sulle, kuidas saad seda praktilist funktsionaalsust oma koodis kasutada, et oluliselt parandada oma funktsioonide paindlikkust ja loetavust.

Peamised järeldused

  • Rest-parameetrid võimaldavad töödelda funktsioonis muutuva arvu argumente.
  • Need asendavad vaevarikka arguments-muutuja kasutamise.
  • Rest-parameetrid peavad alati olema funktsiooni definitsioonis viimased parameetrid.
  • Need on kergesti muudetavad massiivideks, mis toetavad edasijõudnud massiivimeetodeid.

Sammsammuline juhend

Et näidata, kui lihtne on rest-parameetritega töötamine, vaatame ühte praktilist juhtumit. Alustame funktsiooni deklareerimisega, mille eesmärk on kasutada rest-parameetreid.

Esiteks deklareerime funktsiooni, mida nimetatakse "print". See funktsioon võtab vastu pealkirja ja suvalise arvu täiendavaid parameetreid. Alustame funktsiooniga:

Efektiivne käsitsemine jääkparameetritega JavaScriptis

Nüüd deklareerime funktsiooni "print" ja anname sellele võimaluse vastu võtta pealkirja ja muutuva arvu argumente, mis käsitletakse massiivina.

Minevikus oli muutuva arvu argumentidega töötamine vaevarikas. Oli vajalik kasutada arguments-muutujat, mis sisaldas kõiki edastatud argumente, kuid polnud tõeline massiiv. See tähendas, et pidid arguments-muutuja käsitsi massiiviks konverteerima, et saada kasu massiivimeetoditest.

Kuid see pole enam vajalik. Rest-parameetrite kasutuselevõtuga ES6-s saad kogutud parameetrid lihtsalt massiivi. Sa kasutad mustrit..., millele järgneb nimi, mis tähistab rest-parameetrite massiivi. Näiteks:

Olgu, konkretiseerime. Kasutame rest-parameetrit, et koguda kõik pärast pealkirja edastatud parameetrid massiivi. Siiski peame veenduma, et rest-parameeter on funktsiooni viimane parameeter. Nii et loome nüüd funktsiooni:

Nüüd saad rest-parameetri abil paindliku juurdepääsu kõigile argumentidele, mis edastatakse pärast esimest parameetrit. Sa saad neid tõhusalt töödelda. Sel juhul nimetame oma massiivi lines, mis talletab kõik täiendavad argumendid.

Tõhus käsitsemine ülejäänud parameetritega JavaScriptis

Et eraldi read massiivist lines välja tõmmata ja kuvada, kasutame tsüklit. Sellega saad iga massiivi kirje läbi käia ja näiteks console.log-iga kuvada. Sel juhul kindlustad, et pealkiri toimib sisendina edasiste väljundite jaoks.

Veel üks oluline punkt on see, et rest-parameeter võib olla vaid parameetrite nimekirja lõpus. Kõik muud parameetrid peavad olema eelnevalt määratletud. Vastasel juhul saad veateate, kui üritad rest-parameetrit kasutada mujal.

See ongi põhimõtteliselt kõik! Lihtsa...lines abil saad kõik edasised argumendid massiiviks kokku koguda ja neid siis oma funktsioonis töödelda, olgu need siis konsooli väljundiks või muuks kujuks.

Kokkuvõte – kasuta rest-parameetreid JavaScriptis õigesti

Rest-parameetrid on võimas tööriist sinu JavaScripti arsenalis. Nende kasutuselevõtu tulemusel on kood mitte ainult lühem ja selgem, vaid ka variatiivsete argumentidega on lihtne toime tulla. Sa oled nüüd õppinud, kuidas sa saad rest-parameetreid tõhusalt kasutada, et luua paindlikumaid ja loetavamaid funktsioone.

Korduma kippuvad küsimused

Kui palju parameetreid saan rest-parameetritega edastada?Rest-parameetritega saad edastada suvaliselt palju argumente, mis kogutakse siis massiivi.

Mida juhtub, kui ma ei määra rest-parameetrit viimase parameetrina?See põhjustab vea. Rest-parameeter peab alati olema parameetrite nimekirja viimane.

Kas ma saan kasutada rest-parameetreid koos teiste parameetrite tüüpidega?Jah, saad kasutada rest-parameetreid koos teiste parameetritega, kuid teised parameetrid peavad alati olema enne rest-parameetrit.

Kas rest-parameetrid on ühilduvad vanemate JavaScripti versioonidega?Rest-parameetrid on saadaval alates ES6-st ja neid ei toetata vanemates JavaScripti versioonides.