Динамичне веб апликације настале су након рођења . Са порастом популарности веб апликација, ЈаваСцрипт је постао један од најважнијих језика у данашњем свету. Овај чланак о функцији ЈаваСцрипт ће објаснити различите начине дефинисања функција у ЈаваСцрипт-у у следећем низу:
- Увод у ЈаваСцрипт
- Основе ЈаваСцрипт-а
- ЈаваСцрипт функција
- Унапред дефинисане функције
- Различити начини за дефинисање ЈаваСцрипт функције
Увод у ЈаваСцрипт
ЈаваСцрипт је висок ниво , протумачен, програмски језик користи се да веб странице учине интерактивнијим. То је врло моћан језик скриптирања на страни клијента који чини вашу веб страницу живахнијом и интерактивнијом.
То је програмски језик који вам помаже да примените сложен и леп дизајн на веб страницама. Ако желите да ваша веб страница изгледа жива и чини вам много више од самог гледања, ЈаваСцрипт је неопходан.
Основе ЈаваСцрипт-а
Ако не знате језик, морате да знате неке од њих основе ЈаваСцрипт-а то ће вам помоћи да започнете писање кода. Основе укључују:
- Низови
- Функције
Можете погледати да бисте ушли у дубину ових основних појмова и основа ЈаваСцрипт-а. У овом чланку о функцији ЈаваСцрипт фокусираћемо се на различите начине дефинисања функција.
ЈаваСцрипт функција
ЈаваСцрипт функција је а блок кода који је дизајниран за обављање било ког одређеног задатка. Можете извршити функцију тако што ћете је позвати. Ово је познато као призивање или зове функција.
Да бисте користили функцију, морате је дефинисати негде у опсегу из ког желите да је позовете. Идеја је да се састави неки уобичајено обављани задатак и направи функција тако да, уместо писања истог кода за различите улазе, можемо позвати ту одређену функцију.
Основна синтакса креирање функције у ЈаваСцрипт-у је следеће:
фунцтион фунцтионНаме (Параметар1, Параметар2, ..) {// Тело функције}ЈаваСцрипт се састоји од различитих уграђених или унапред дефинисане функције . Али, такође нам омогућава да креирамо кориснички дефинисане функције. Кренимо даље и погледајмо неке од најчешће коришћених предефинисаних функција.
Унапред дефинисане функције
ЈаваСцрипт има неколико уграђених функција највишег нивоа. Погледајмо неке функције које су уграђене у језик.
| Функције | Опис |
| Евал | Процењује низ / аритметички израз и враћа вредност. |
| ПарсеИнт | Анализира аргумент низа и враћа цео број наведене базе. |
| ПарсеФлоат | Анализира аргумент низа и враћа број са покретном зарезом. |
| Есцапе | Враћа хексадецимално кодирање аргумента. |
| Унесцапе | Враћа АСЦИИ низ за наведену вредност. |
Узмимо пример и погледајте како ове предефинисане функције функционишу у ЈаваСцрипт-у:
вар к = 10 вар и = 20 вар а = евал ('к * и') // Евал вар б = парсеИнт ('10 .00 ') // ПарсеИнт вар ц = парсеФлоат ('10') // ПарсеФлоат есцапе ('Добродошли до Едуреке ') // Есцапе унесцапе (' Добродошли у Едуреку ') // УнесцапеРазличити начини за дефинисање ЈаваСцрипт функције
Функција се може дефинисати на различите начине. Важно је проверити како функција комуницира са спољним компонентама и типом позива. Различити начини укључују:
Изјава о функцији
Декларација функције састоји се од а кључна реч функције , обавезно име функције, списак параметри у пару заграда и пар коврџавих заграда које ограничавају телесни код.
Дефинисано је као:
// декларација функције фунцтион исЕвен (нум) {ретурн нум% 2 === 0} исЕвен (24) // => труе исЕвен (11) // => фалсеФункција исЕвен (нум) је декларација функције која се користи за одређивање да ли је број паран.
Израз функције
Израз функције одређен је помоћу а кључна реч функције , а затим опционо име функције, листа параметара у пару заграда и пар коврџавих заграда које ограничавају код тела.
Дефинисано је као:
цонст цоунт = фунцтион (арраи) {// Фунцтион екпрессион ретурн арраи.ленгтх} цонст метходс = {нумберс: [2, 5, 8], сум: фунцтион () {// Фунцтион екпрессион ретурн тхис.нумберс.редуце (фунцтион ( ацц, нум) {// функц. израз повратак ацц + нум})}} цоунт ([1, 7, 2]) // => 3 метходс.сум () // => 15Израз функције ствара објект функције који се може користити у различитим ситуацијама као што су:
- Може се доделити а променљива као ан објект: цоунт = функција (…) {…}
- Створити метода на суми објекта: фунцтион () {…}
- Користити функцију имају позове: .редуце (функција (…) {…})
Дефиниција стенографске методе
Дефиниција стенографске методе користи се у декларацији методе на објектни литерали и класе ЕС6. Можете их дефинисати помоћу а име функције , након чега следи листа параметри у пару заграда и пар коврџавих заграда које ограничавају изјаве о телу.
Следећи пример користи дефиницију стенографске методе у литерарном објекту:
цонст цоллецтион = {итемс: [], адд (... итемс) {тхис.итемс.пусх (... итемс)}, гет (индек) {ретурн тхис.итемс [индек]}} цоллецтион.адд ('едурека ',' Онлине ',' ЈаваСцрипт ') цоллецтион.гет (1) // =>' едурека 'Стенографски приступ има неколико Предности преко традиционалне дефиниције својства као што су:
- Има а краћа синтакса што олакшава читање и писање.
- Ово ствара именоване функције, супротно изразу функције. Корисно је за отклањање грешака.
Функција стрелице
Функција стрелице се дефинише помоћу пара заграда које садрже листу параметара, а затим а дебела стрелица (=>) и пар коврџавих заграда које ограничавају изјаве о телу.
Следећи пример приказује основну употребу функције стрелице:
цонст абсВалуе = (број) => {иф (број 21 абсВалуе (7) // => 7Ево, абсВалуе је функција стрелице која израчунава апсолутну вредност броја.
Функција генератора
Функција генератора у ЈаваСцрипт-у враћа а Генератор објект. Синтакса је слична изразу функције, декларацији функције или декларацији методе. Али то захтева а звездани лик (*) .
Функција генератора може се декларисати у следећим облицима:
- Образац декларације функције функција * ():
функција * индекГенератор () {вар индекс = 0 док (тачно) {индекс приноса ++}} цонст г = индекГенератор () цонсоле.лог (г.нект (). валуе) // => 0 цонсоле.лог (г.нект ( ) .валуе) // => 1- Израз функције облика функције * ():
цонст индекГенератор = функција * () {нека индекс = 0 док (тачно) {индекс приноса ++}} цонст г = индекГенератор () цонсоле.лог (г.нект (). валуе) // => 0 цонсоле.лог (г. нект (). валуе) // => 1цонст обј = {* индекГенератор () {вар индек = 0 вхиле (труе) {ииелд индек ++}}} цонст г = обј.индекГенератор () цонсоле.лог (г.нект (). валуе) // => 0 цонсоле. лог (г.нект (). валуе) // => 1Функција генератора враћа објект г у сва три случаја. Тада се користи за генерисање низа увећаних бројева.
Конструктор функција
Када се функција позива као конструктор, а нова функција је створен. Аргументи који се прослеђују конструктору постају имена параметара за нову функцију. Овде се последњи аргумент користи као функција тела код.
На пример:
функција сум1 (а, б) {ретурн а + б} цонст сум2 = фунцтион (а, б) {ретурн а + б} цонст сум3 = (а, б) => а + б цонсоле.лог (типеоф сум1 === 'фунцтион') // => труе цонсоле.лог (типеоф сум2 === 'фунцтион') // => труе цонсоле.лог (типеоф сум3 === 'фунцтион') // => труеОво су биле неке од различитих метода за дефинисање функција у ЈаваСцрипт-у. Овим смо дошли до краја нашег чланка. Надам се да сте разумели шта су ЈаваСцрипт функције и различите методе за њихово дефинисање.
како завршити методу у јави
Сад кад знате за ЈаваСцрипт функцију, погледајте Едурека. Обука за сертификацију за веб развој ће вам помоћи да научите како да креирате импресивне веб локације помоћу ХТМЛ5, ЦСС3, Твиттер Боотстрап 3, јКуери и Гоогле АПИ-ја и примените их на Амазон Симпле Стораге Сервице (С3).
Имате питање за нас? Молимо вас да га спомињете у одељку за коментаре у „Функцији ЈаваСцрипт“ и јавићемо вам се.