Данас ЈаваСцрипт игра огромну улогу у развоју веб страница. Фронт-енд програмери користе ЈаваСцрипт за креирање интерактивних веб апликација. Као резултат тога, дошло је до повећања потражње за ЈаваСцрипт програмерима.
Наравно, ЈаваСцрипт је еволуирао током година. ЕС6 је увео многе нове функције у језик. Један од њих је начин за једноставно дељење кодова међу ЈаваСцрипт датотекама.
Увоз и извоз функција за ЈаваСцрипт су нове функције које ће вас учинити бољим програмером. Ево како ове функције функционишу.
Шта је ЈаваСцрипт модул?
ЈаваСцрипт модул је ЈаваСцрипт датотека која садржи колекцију кода коју можете користити. Модули се обично пишу у засебне датотеке и увозе помоћу увоз кључна реч. То штеди време и труд јер га касније можете поново користити.
На пример, ако имате функцију која се зове израчунај збир(), можете га укључити у другу датотеку и учинити доступним било где у вашем пројекту помоћу извоз и увоз ЈаваСцрипт функционише без икакве гужве.
Једна од предности коришћења модула је та што помаже да ваш код буде организован. Такође чини ваш код лакшим за управљање и лакшим за отклањање грешака.
Да бисте користили ЈаваСцрипт датотеку као модул, потребно је да креирате скрипту у свом ХТМЛ документу са а типе="модуле".
<тип скрипте="модул" срц="филеНаме.јс"></script>
Постоје две врсте модула:
- ЕЦМАСцрипт модули: стандардни ЈаваСцрипт модули и подржавају их сви главни претраживачи.
- ЦоммонЈС модули: старији су и нису широко подржани.
Овде ћемо се фокусирати на ЕЦМАСцрипт модуле. Ако је потребно, погледајте нашу увод у ЈаваСцрипт да доведем до основа.
Како извести функције у ЈаваСцрипт-у
У ЈаваСцрипт-у, функције су првокласни објекти који се могу прослеђивати као аргументи поред тога што се могу користити сами. Извоз функција је добар начин да их пренесете у друге програме. Такође се користи када желите да креирате библиотеке за вишекратну употребу.
Извоз функција у ЈаваСцрипт-у се врши помоћу извоз функција. Тхе извоз функција извози дату функцију да би је користила друга датотека или скрипта. Извозом наше сопствене функције, можемо их слободно користити у другим датотекама или скриптама без бриге о проблемима са лиценцирањем.
Постоје два начина коришћења извоз функционишу ефикасно. Проћи ћемо преко њих са примерима кода.
Претпоставимо да имате фајл гетПерсоналДетаилс.јс која има функцију која враћа пуно име корисника након промптног уноса. Функција изгледа овако:
функцијагетФуллНаме(пуно име){
пуно име = упит ('Које је твоје име');
конзола.лог (пуно име);
}
- Ову функцију можете извести једноставним коришћењем извоз кључна реч праћена именом функције у витичастим заградама. изгледа овако:
извоз {гетФуллНаме}; - Други метод је додавање извоз кључну реч непосредно пре декларације функције.
извозфункцијагетФуллНаме (пуно име){...}
Можете извести више функција користећи први метод. Ово се постиже укључивањем имена жељених функција у витичасту заграду. Функције су одвојене зарезом.
На пример: Претпоставимо да имате три функције у нашој гетПерсоналДетаилс.јс фајл - гетФуллНаме(),гетЕмаил(), гетДоб(). Можете да извезете функције додавањем следеће линије кода:
извоз {гетФуллНаме, гетЕмаил, гетДоб};
Како да увезете функције у ЈаваСцрипт
Да бисте користили модул, прво морате да га увезете. Било која функција може да се увезе користећи референцу пуне путање.
Увоз функција је прилично једноставан. ЈаваСцрипт има уграђену функцију за увоз сопствених функција из других датотека. Ако желите да приступите тим функцијама из других модула, добра је идеја да укључите декларацију функције за сваки ваш услужни програм.
Функција коју треба увести је већ извезена у оригиналну датотеку.
Можете увести функције из друге датотеке користећи увоз функционалност кључних речи. Увоз омогућава вам да изаберете који део датотеке или модула желите да учитате.
Ево како увозите наше гетФуллНаме функција од гетПерсоналДетаилс.јс:
увоз {гетФуллНаме} из './гетПерсоналДетаилс.јс'Ово ће ову функцију учинити доступном за употребу у нашој тренутној датотеци.
Да бисте увезли више функција, функције које ће бити увезене су укључене у витичасте заграде. Сваки је одвојен зарезом (,).
увоз {гетФуллНаме, гетЕмаил, гетДоб} из './гетПерсоналДетаилс.јс'Постоји још један начин коришћења увоз функционалност. Ово нам омогућава да увеземо све извозе у одређеној датотеци. То се ради помоћу увоз * као синтаксе.
Можете увести сав извоз у нашу гетПерсоналДетаилс.јс додавањем следеће линије кода:
увоз * као персоналДетаилсМодуле из './гетПерсоналДетаилс.јс'Горе наведено ће креирати објекат под називом персоналДетаилсМодуле.
Ово је само име променљиве, можете му именовати било шта.
Овај објекат садржи све извозе у нашем гетПерсоналДетаилс.јс. Функције се чувају у овом објекту и може им се приступити на начин на који приступате било ком својству објекта.
На пример, можемо приступити гетФуллНаме функцију додавањем следећег реда кода
персоналДетаилсМодуле.гетФуллНаме();Шта је подразумевано извоз?
Подразумевани извоз је изузетна извозна функционалност. Ово се користи ако се само једна променљива извози из датотеке. Такође се користи за креирање резервне вредности за датотеку или модул.
Испод је пример где смо користили гетФуллНаме функција као подразумевана:
извозУобичајенофункцијагетФуллНаме (пуно име){...}Не можете имати више од једне вредности као подразумевану у сваком модулу или датотеци.
Функција која се користи као подразумевана се увози другачије. Ево како да увезете наше гетФуллНаме функција која се користи као подразумевана:
увоз пуно име из './гетПерсоналДетаилс.јс'Ево разлика:
- Нема витичастих заграда око увезене вредности, пуно име.
- пуно име овде је само име променљиве. Чува вредност било које подразумеване функције.
Напуните своје ЈаваСцрипт функције
ЈаваСцрипт модули су делови кода који се могу поново користити у другим деловима вашег кода, користећи функције за увоз и извоз ЈаваСцрипт. Обично се пишу у одвојеним датотекама и увозе помоћу кључне речи импорт. Једна од предности коришћења модула је та што помаже да ваш код буде организован. Такође чини ваш код лакшим за управљање и лакшим за отклањање грешака.
