Tänapäeval mängib JavaScript veebisaitide arendamisel tohutut rolli. Esiosa arendajad kasutavad interaktiivsete veebirakenduste loomiseks JavaScripti. Selle tulemusena on nõudlus JavaScripti arendajate järele kasvanud.
Kindlasti on JavaScript aastate jooksul arenenud. ES6 tõi keelde palju uusi funktsioone. Üks neist on viis koodide hõlpsaks jagamiseks JavaScript-failide vahel.
Funktsioonide importimine ja eksportimine JavaScripti jaoks on uued funktsioonid, mis muudavad teid paremaks arendajaks. Need funktsioonid töötavad järgmiselt.
Mis on JavaScripti moodul?
JavaScripti moodul on JavaScripti fail, mis sisaldab koodikogu, mida saate kasutada. Moodulid kirjutatakse tavaliselt eraldi failidesse ja imporditakse kasutades importida märksõna. See säästab aega ja vaeva, sest saate seda hiljem uuesti kasutada.
Näiteks kui teil on funktsioon nimega arvuta summa(), saate selle lisada teise faili ja teha selle kõikjal oma projektis kättesaadavaks, kasutades eksportida ja importida JavaScript toimib ilma probleemideta.
Üks moodulite kasutamise eeliseid on see, et see aitab teie koodi korras hoida. See muudab teie koodi ka paremini hallatavaks ja silumise lihtsamaks.
JavaScripti faili moodulina kasutamiseks peate oma HTML-dokumendis looma skripti a-ga type="moodul".
<skripti tüüp="moodul" src="failinimi.js"></script>
Mooduleid on kahte tüüpi:
- ECMAScripti moodulid: standardsed JavaScripti moodulid ja neid toetavad kõik suuremad brauserid.
- CommonJS moodulid: on vanemad ja neid ei toetata laialdaselt.
Keskendume siin ECMAScripti moodulitele. Vajadusel vaadake meie sissejuhatus JavaScripti põhitõdede värskendamiseks.
Funktsioonide eksportimine JavaScriptis
JavaScriptis on funktsioonid esmaklassilised objektid, mida saab lisaks eraldi kasutamisele argumentidena edasi anda. Funktsioonide eksportimine on hea viis nende ülekandmiseks teistesse programmidesse. Seda kasutatakse ka korduvkasutatavate teekide loomiseks.
Funktsioonide eksportimine JavaScripti toimub kasutades eksportida funktsiooni. The eksportida funktsioon ekspordib antud funktsiooni teise faili või skripti kasutamiseks. Ekspordiga meie enda funktsioonid, saame neid vabalt kasutada teistes failides või skriptides, muretsemata litsentsiprobleemide pärast.
Kasutamiseks on kaks võimalust eksportida tõhusalt toimida. Vaatleme neid koodinäidetega.
Oletame, et teil on fail hankige PersonalDetails.js millel on funktsioon, mis tagastab pärast sisendit kasutaja täisnime. Funktsioon näeb välja selline:
funktsioonihanki FullName(täisnimi){
fullName = prompt('Mis on teie eesnimi');
konsool.log (täisnimi);
}
- Saate selle funktsiooni eksportida, kasutades lihtsalt nuppu eksportida märksõna, millele järgneb funktsiooni nimi lokkis sulgudes. See näeb välja selline:
eksportida {getFullName}; - Teine meetod on lisada eksportida märksõna vahetult enne funktsiooni deklareerimist.
eksportidafunktsioonihanki FullName (täisnimi){...}
Esimese meetodi abil saate eksportida mitu funktsiooni. Seda tehakse soovitud funktsioonide nimede lisamisega lokkis sulgudesse. Funktsioonid eraldatakse komaga.
Näiteks: oletame, et meil on kolm funktsiooni hankige PersonalDetails.js faili - getFullName(),getEmail(), getDob(). Funktsioone saate eksportida, lisades järgmise koodirea:
eksportida {getFullName, getEmail, getDob};
Funktsioonide importimine JavaScriptis
Mooduli kasutamiseks peate selle esmalt importima. Iga funktsiooni saab importida täistee viite abil.
Funktsioonide importimine on üsna lihtne. JavaScriptil on sisseehitatud funktsioon oma funktsioonide importimiseks teistest failidest. Kui soovite neile funktsioonidele juurde pääseda teistest moodulitest, on hea mõte lisada iga utiliiti funktsioonideklaratsioon.
Imporditav funktsioon on juba algses failis eksporditud.
Funktsioone saate importida teisest failist, kasutades importida märksõna funktsionaalsus. Import võimaldab valida, millist faili või mooduli osa laadida.
Siit saate teada, kuidas saate meie importida hanki FullName funktsioon alates hankige PersonalDetails.js:
importida {getFullName} alates './getPersonalDetails.js'See muudab selle funktsiooni meie praeguses failis kasutamiseks kättesaadavaks.
Mitme funktsiooni importimiseks lisatakse imporditavad funktsioonid lokkis sulgudesse. Igaüks neist eraldatakse komaga (,).
importida {getFullName, getEmail, getDob} alates './getPersonalDetails.js'On veel üks viis kasutada importida funktsionaalsust. See võimaldab meil importida kõik eksporditud andmed konkreetsesse faili. Seda tehakse kasutades import * as süntaks.
Saate importida kogu meie eksporditava kauba hankige PersonalDetails.js lisades järgmise koodirea:
importida * nagu isiklik üksikasjade moodul alates './getPersonalDetails.js'Ülaltoodu loob objekti nimega isiklik üksikasjade moodul.
See on lihtsalt muutuja nimi, võite sellele nimetada ükskõik mida.
See objekt sisaldab kogu meie eksporti getPersonalDetails.js. Funktsioonid salvestatakse sellele objektile ja neile pääseb juurde nii, nagu pääsete juurde mis tahes objekti atribuudile.
Näiteks pääseme juurde hanki FullName funktsiooni, lisades järgmise koodirea
isiklik üksikasjade moodul.getFullName();Mis on ekspordi vaikeseade?
Ekspordi vaikeseade on erakordne ekspordifunktsioon. Seda kasutatakse juhul, kui failist eksporditakse ainult ühte muutujat. Seda kasutatakse ka faili või mooduli varuväärtuse loomiseks.
Allpool on näide, kus kasutasime hanki FullName funktsioon vaikimisi:
eksportidavaikimisifunktsioonihanki FullName (täisnimi){...}Igas moodulis või failis ei saa olla rohkem kui üks vaikeväärtus.
Vaikimisi kasutatav funktsioon imporditakse erinevalt. Siit saate teada, kuidas importida meie hanki FullName Vaikimisi kasutatav funktsioon:
importida täisnimi alates './getPersonalDetails.js'Siin on erinevused.
- Imporditud väärtuse ümber ei ole lokkis sulgusid, täisnimi.
- täisnimi siin on lihtsalt muutuja nimi. See salvestab vaikefunktsiooni väärtuse.
Täiendage oma JavaScripti funktsioone
JavaScripti moodulid on koodilõigud, mida saab JavaScripti impordi ja ekspordi funktsioonide abil uuesti kasutada koodi muudes osades. Need kirjutatakse tavaliselt eraldi failidesse ja imporditakse impordi märksõna abil. Üks moodulite kasutamise eeliseid on see, et see aitab teie koodi korras hoida. See muudab teie koodi ka paremini hallatavaks ja silumise lihtsamaks.
