Svarbios „JavaScript“ funkcijos, apie kurias turite žinoti

Dinaminės žiniatinklio programos atsirado po gimimo . Didėjant interneto programų populiarumui, „JavaScript“ tapo viena svarbiausių kalbų šiandieniniame pasaulyje. Šiame „JavaScript“ funkcijos straipsnyje bus paaiškinti įvairūs „JavaScript“ funkcijų apibrėžimo būdai tokia seka:

• „JavaScript“ įvadas
• „JavaScript“ pagrindai
• „JavaScript“ funkcija
• Iš anksto nustatytos funkcijos
• Įvairūs „JavaScript“ funkcijos apibrėžimo būdai

„JavaScript“ įvadas

„JavaScript“ yra a aukštas lygis , išaiškinta, programavimo kalba naudojamas interaktyviems tinklalapiams padaryti. Tai labai galinga kliento scenarijų kalba, kuri jūsų tinklalapį daro gyvesnį ir interaktyvesnį.

kaip nutraukti Java programą

Tai programavimo kalba, padedanti įgyvendinti sudėtingą ir gražų dizainą tinklalapiuose. Jei norite, kad jūsų tinklalapis atrodytų gyvas ir padarytų daug daugiau, nei tik stebėtų jus, „JavaScript“ yra būtina.

„JavaScript“ pagrindai

Jei dar nesinaudojote šia kalba, turite žinoti kai kurias kalbas „JavaScript“ pagrindai tai padės jums pradėti rašyti kodą. Pagrindai apima:

• Masyvai
• Funkcijos

Galite patikrinti patekti į šių pagrindinių „JavaScript“ sąvokų ir pagrindų gylį. Šiame „JavaScript“ funkcijos straipsnyje daugiausia dėmesio skirsime skirtingiems funkcijų apibrėžimo būdams.

„JavaScript“ funkcija

„JavaScript“ funkcija yra a kodo blokas kuri skirta atlikti bet kurią konkrečią užduotį. Galite atlikti funkciją ją iškvietę. Tai žinoma kaip kviečiantis arba skambinimas funkcija.

Norėdami naudoti funkciją, turite ją apibrėžti toje srityje, iš kurios norite ją paskambinti. Idėja yra sujungti keletą dažniausiai atliekamų užduočių ir sukurti funkciją, kad užuot vėl ir vėl rašę tą patį kodą skirtingiems įvestims, galėtume iškviesti tą konkrečią funkciją.

Pagrindinis sintaksė sukurti „JavaScript“ funkciją yra tokia:

function functionName (parametras1, parametras2, ..) {// Funkcijos turinys}

„JavaScript“ sudaro įvairūs įmontuoti arba iš anksto nustatytos funkcijos . Bet tai taip pat leidžia mums sukurti vartotojo apibrėžtas funkcijas. Taigi eikime į priekį ir pažvelkime į kai kurias dažniausiai naudojamas iš anksto nustatytas funkcijas.

Iš anksto nustatytos funkcijos

„JavaScript“ turi kelias aukščiausio lygio įmontuotas funkcijas. Pažvelkime į kai kurias kalboje įmontuotas funkcijas.

Paimkime pavyzdį ir pažiūrėkime, kaip šios iš anksto nustatytos funkcijos veikia „JavaScript“:

var x = 10 var y = 20 var a = eval ('x * y') // Eval var b = parseInt ('10 .00 ') // ParseInt var c = parseFloat ('10') // ParseFloat escape ('Sveiki! į „Edureka“) // Escape unescape („Sveiki atvykę į„ Edureka “) // Unescape

Įvairūs „JavaScript“ funkcijos apibrėžimo būdai

Funkciją galima apibrėžti įvairiais būdais. Svarbu patikrinti, kaip funkcija sąveikauja su išoriniais komponentais ir iškvietimo tipu. Įvairūs būdai apima:

• • Funkcijos deklaracija
  • Funkcijos išraiška
  • Stenografijos metodo apibrėžimas
  • Rodyklės funkcija
  • Generatoriaus funkcija
  • Funkcijų konstruktorius

Funkcijos deklaracija

Funkcijos deklaraciją sudaro a funkcijos raktinis žodis , privalomas funkcijos pavadinimas, sąrašas parametrus poroje skliaustų ir poroje garbanotų petnešų, kurios riboja kūno kodą.

Jis apibrėžiamas kaip:

// funkcijos deklaravimo funkcija isEven (num) {return num% 2 === 0} isEven (24) // => true isEven (11) // => false

Funkcija isEven (skaičius) yra funkcijos deklaracija, naudojama nustatyti, ar skaičius yra lyginis.

Funkcijos išraiška

Funkcijos išraišką lemia a funkcijos raktinis žodis , po kurio pasirenkamas funkcijos pavadinimas, parametrų sąrašas skliausteliuose ir garbanotųjų petnešų pora, apibrėžianti kūno kodą.

Jis apibrėžiamas kaip:

const count = funkcija (masyvas) {// Funkcijos išraiška grąžina masyvą.length} const metodai = {skaičiai: [2, 5, 8], suma: funkcija () {// Funkcijos išraiška grąžina this.numbers.reduce (function ( acc, num) {// func. išraiškos grąžinimas acc + num})}} skaičius ([1, 7, 2]) // => 3 metodai. suma () // => 15

Funkcijos išraiška sukuria funkcijos objektą, kurį galima naudoti įvairiose situacijose, pavyzdžiui:

• Jį galima priskirti a kintamasis kaip objektas: skaičius = funkcija (…) {…}
• Sukurti metodas ant objekto sumos: funkcija () {…}
• Naudoti funkcija turėk perskambink: .sumažinti (funkcija (…) {…})

Stenografijos metodo apibrėžimas

Trumpojo metodo apibrėžimas naudojamas metodo deklaracijoje objekto literalai ir ES6 klasės. Juos galite apibrėžti naudodami a funkcijos pavadinimas , po kurio pateikiamas sąrašas parametrus poroje skliaustų ir poroje garbanotų petnešų, kurios atriboja kūno teiginius.

Šiame pavyzdyje objekto pažodžiui naudojamas stenografijos metodo apibrėžimas:

const kolekcija = {items: [], pridėkite (... elementus) {this.items.push (... elementus)}, gaukite (index) {grąžinkite this.items [index]}} collection.add ('edureka ',' Online ',' JavaScript ') collection.get (1) // =>' edureka '

Stenografinis požiūris turi keletą nauda tradicinio turto apibrėžimą, pavyzdžiui:

• Tai turi trumpesnė sintaksė o tai palengvina skaitymą ir rašymą.
• Tai sukuria pavadintas funkcijas, priešingai nei funkcijos išraiška. Tai naudinga derinimas.

Rodyklės funkcija

Rodyklės funkcija apibrėžiama naudojant skliaustų porą, kurioje yra parametrų sąrašas, po kurio eina a riebi rodyklė (=>) ir garbanotųjų petnešų pora, kuri atriboja kūno sakinius.

Šiame pavyzdyje rodomas pagrindinis rodyklės funkcijos naudojimas:

const absValue = (skaičius) => {if (skaičius 21 absValue (7) // => 7

Čia absValue yra rodyklės funkcija, kuri apskaičiuoja absoliučią skaičiaus vertę.

Generatoriaus funkcija

Generatoriaus funkcija „JavaScript“ pateikia a Generatorius objektas. Sintaksė yra panaši į funkcijos išraišką, funkcijos deklaraciją ar metodo deklaraciją. Bet tam reikia a žvaigždės personažas (*) .

Generatoriaus funkciją galima deklaruoti šiomis formomis:

• Funkcijos deklaracijos formos funkcija * ():

function * indexGenerator () {var index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g.next ( ) .value) // => 1

• Funkcijos išraiškos formos funkcija * ():

const indexGenerator = funkcija * () {tegul indeksas = 0, kol (tiesa) {pajamingumo rodiklis ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g. kita (). reikšmė) // => 1

• Stenografijos metodo apibrėžimo forma * ():

const obj = {* indexGenerator () {var index = 0 while (true) {yield index ++}}} const g = obj.indexGenerator () console.log (g.next (). value) // => 0 konsolė. log (g.next (). reikšmė) // => 1

Generatoriaus funkcija grąžina objektas g visais trimis atvejais. Tada jis naudojamas didinančių skaičių serijai generuoti.

Funkcijų konstruktorius

Kai funkcija iškviečiama kaip konstruktorius, a nauja funkcija yra sukurtas. Konstruktoriui perduoti argumentai tampa naujos funkcijos parametrų pavadinimais. Čia paskutinis argumentas naudojamas kaip funkcijos kūnas kodas.

Pavyzdžiui:

funkcija sum1 (a, b) {grąžinti a + b} const suma2 = funkcija (a, b) {grąžinti a + b} const suma3 = (a, b) => a + b konsolė.log (sum1 tipas === 'function') // => true console.log (type2 sum2 === 'function') // => true console.log (type3 sum3 === 'funkcija') // => true

Tai buvo keletas skirtingų metodų, kaip apibrėžti „JavaScript“ funkcijas. Tuo mes pasiekėme savo straipsnio pabaigą. Tikiuosi, kad supratote, kas yra „JavaScript“ funkcijos, ir skirtingus metodus joms apibrėžti.

Dabar, kai žinote apie „JavaScript“ funkciją, patikrinkite pateikė Edureka. Žiniatinklio kūrimo sertifikavimo mokymai padės jums sužinoti, kaip sukurti įspūdingas svetaines naudojant HTML5, CSS3, „Twitter Bootstrap 3“, „jQuery“ ir „Google“ API ir pritaikyti ją „Amazon Simple Storage Service“ (S3).

Turite mums klausimą? Prašome paminėti tai „JavaScript“ funkcijos komentarų skyriuje ir mes su jumis susisieksime.