Dinamiskās tīmekļa lietojumprogrammas sāka pastāvēt pēc dzimšanas . Pieaugot tīmekļa lietojumprogrammu popularitātei, JavaScript ir kļuvusi par vienu no vissvarīgākajām valodām mūsdienu pasaulē. Šajā JavaScript funkciju rakstā tiks izskaidroti dažādi veidi, kā definēt funkcijas JavaScript šādā secībā:
- Ievads JavaScript
- JavaScript pamati
- JavaScript funkcija
- Iepriekš definētas funkcijas
- Dažādi veidi, kā definēt JavaScript funkciju
Ievads JavaScript
JavaScript ir a augsts līmenis , interpretēta, programmēšanas valoda izmanto, lai padarītu tīmekļa lapas interaktīvākas. Tā ir ļoti spēcīga klienta puses skriptu valoda, kas padara jūsu vietni dzīvāku un interaktīvāku.
Tā ir programmēšanas valoda, kas jums palīdz ieviest sarežģītu un skaistu dizainu tīmekļa lapās. Ja vēlaties, lai jūsu tīmekļa lapa izskatās dzīva un darītu daudz vairāk nekā tikai, lai jūs redzētu, JavaScript ir obligāta.
JavaScript pamati
Ja valoda jums ir jauna, jums jāzina daži no šiem JavaScript pamati tas palīdzēs sākt rakstīt kodu. Pamati ietver:
- Masīvi
- Funkcijas
Jūs varat pārbaudīt iekļūt šo JavaScript pamatjēdzienu un pamatu dziļumā. Šajā JavaScript funkciju rakstā mēs pievērsīsimies dažādiem funkciju definēšanas veidiem.
JavaScript funkcija
JavaScript funkcija ir koda bloks kas paredzēts jebkura konkrēta uzdevuma veikšanai. Funkciju var izpildīt, to izsaucot. Tas ir pazīstams kā piesaucot vai zvana funkcija.
php print_r uz virkni
Lai izmantotu funkciju, tā ir jādefinē kaut kur darbības jomā, no kuras vēlaties to izsaukt. Ideja ir salikt dažus bieži izpildītus uzdevumus un izveidot funkciju tā, lai tā vietā, lai atkal un atkal rakstītu to pašu kodu dažādām ieejām, mēs varētu izsaukt šo konkrēto funkciju.
Pamata sintakse lai izveidotu funkciju JavaScript, ir šāda:
function functionName (Parameter1, Parameter2, ..) {// Funkcijas pamatteksts}
JavaScript sastāv no dažādiem iebūvētiem vai iepriekš noteiktas funkcijas . Bet tas arī ļauj mums izveidot lietotāja definētas funkcijas. Tāpēc ejam uz priekšu un apskatīsim dažas no visbiežāk izmantotajām iepriekš definētajām funkcijām.
Iepriekš definētas funkcijas
JavaScript ir vairākas augstākā līmeņa iebūvētas funkcijas. Apskatīsim dažas valodas iebūvētās funkcijas.
Funkcijas | Apraksts |
Novērtēt | Novērtē virknes / aritmētisko izteiksmi un atgriež vērtību. |
ParseInt | Parsē virknes argumentu un atgriež norādītās bāzes veselu skaitli. |
ParseFloat | Parsē virknes argumentu un atgriež peldošā komata skaitli. |
Aizbēgt | Atgriež argumenta heksadecimālo kodējumu. |
Neaizvietot | Atgriež ASCII virkni norādītajai vērtībai. |
Ņemsim piemēru un redzēsim, kā šīs iepriekš definētās funkcijas darbojas 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 ('Welcome uz Edureka ') // Escape unescape (' Welcome to Edureka ') // Unescape
Dažādi veidi, kā definēt JavaScript funkciju
Funkciju var definēt, izmantojot dažādus veidus. Ir svarīgi pārbaudīt, kā funkcija mijiedarbojas ar ārējiem komponentiem un izsaukuma veidu. Dažādi veidi ietver:
iziet no programmas java
Funkciju deklarācija
Funkcijas deklarācija sastāv no a funkcijas atslēgvārds , obligāts funkcijas nosaukums, parametriem iekavās un cirtainu bikšu pārī, kas norobežo ķermeņa kodu.
To definē kā:
// funkciju deklarēšanas funkcija isEven (num) {return num% 2 === 0} isEven (24) // => true isEven (11) // => false
Funkcija isEven (num) ir funkciju deklarācija, ko izmanto, lai noteiktu, vai skaitlis ir pāra skaitlis.
Funkcijas izteiksme
Funkcijas izteiksmi nosaka a funkcijas atslēgvārds , kam seko izvēles funkcijas nosaukums, parametru saraksts iekavās un cirtainu lencīšu pāris, kas norobežo ķermeņa kodu.
To definē kā:
const skaits = funkcija (masīvs) {// Funkcijas izteiksme atgriež masīvu.length} acc, num) {// func. izteiksmes atgriešana acc + num})}} skaits ([1, 7, 2]) // => 3 metodes.sum () // => 15
Funkcijas izteiksme izveido funkcijas objektu, kuru var izmantot dažādās situācijās, piemēram:
- To var piešķirt a mainīgais kā objekts: skaits = funkcija (…) {…}
- Izveidojiet a metodi par objekta summu: funkcija () {…}
- Izmantojiet funkciju ir atzvani: .reduce (funkcija (…) {…})
Stenogrāfijas metodes definīcija
Stenogrāfijas metodes definīcija tiek izmantota metodes deklarācijā par objektu literāļi un ES6 klases. Tos var definēt, izmantojot a funkcijas nosaukums , kam seko saraksts ar parametriem iekavās un cirtainu bikšu pārī, kas norobežo ķermeņa paziņojumus.
Šajā piemērā objekta burtnīcā tiek izmantota stenogrāfijas metodes definīcija:
const kolekcija = {items: [], pievienojiet (... preces) {this.items.push (... items)}, iegūstiet (index) {return this.items [index]}} collection.add ('edureka ',' Online ',' JavaScript ') collection.get (1) // =>' edureka '
Stenogrāfijas pieejai ir vairākas ieguvumi tradicionālās īpašuma definīcijas, piemēram:
- Tam ir īsāka sintakse kas atvieglo lasīšanu un rakstīšanu.
- Tas, pretēji funkciju izteiksmei, rada nosauktas funkcijas. Tas ir noderīgi atkļūdošana.
Bultas funkcija
Bultiņas funkcija tiek definēta, izmantojot iekavu pāri, kurā ir parametru saraksts, kam seko a resna bulta (=>) un cirtainu bikšu pāri, kas norobežo ķermeņa paziņojumus.
Šis piemērs parāda bultiņas funkcijas pamata lietojumu:
const absValue = (skaitlis) => {if (skaitlis 21 absValue (7) // => 7
Šeit, absValue ir bultiņas funkcija, kas aprēķina skaitļa absolūto vērtību.
Ģeneratora funkcija
Ģeneratora funkcija JavaScript atgriež a Ģenerators objekts. Sintakse ir līdzīga funkcijas izteiksmei, funkciju deklarācijai vai metodes deklarācijai. Bet tas prasa a zvaigžņu zīme (*) .
Ģeneratora funkciju var deklarēt šādās formās:
atšķirības starp hashmap un hashtable
- Funkcijas deklarācijas veidlapas 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
- Funkcijas izteiksmes formas funkcija * ():
const indexGenerator = funkcija * () {let index = 0, kamēr (true) {ieneses indekss ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g. nākamā (). vērtība) // => 1
const obj = {* indexGenerator () {var index = 0 while (true) {ieneses indekss ++}}} const g = obj.indexGenerator () console.log (g.next (). value) // => 0 konsole. log (g.next (). vērtība) // => 1
Ģeneratora funkcija atgriež objekts g visos trīs gadījumos. Tad to izmanto, lai ģenerētu palielinātu skaitļu sēriju.
Funkciju konstruktors
Kad funkcija tiek izsaukta kā konstruktors, a jauna funkcija ir izveidots. Konstruktoram nodotie argumenti kļūst par jaunās funkcijas parametru nosaukumiem. Šeit pēdējais arguments tiek izmantots kā funkcijas ķermenis kods.
Piemēram:
funkcija sum1 (a, b) {return a + b} const summa2 = funkcija (a, b) {atgriež a + b} const summa3 = (a, b) => a + b console.log (sum1 tips === 'function') // => true console.log (type2 sum2 === 'function') // => true console.log (type3 sum3 === 'funkcija') // => true
Šīs bija dažas no dažādām metodēm, lai definētu funkcijas JavaScript. Ar to mēs esam nonākuši mūsu raksta beigās. Es ceru, ka jūs sapratāt, kas ir JavaScript funkcijas un dažādas metodes to definēšanai.
Tagad, kad jūs zināt par JavaScript funkciju, pārbaudiet autore Edureka. Tīmekļa attīstības sertifikācijas apmācība palīdzēs jums uzzināt, kā izveidot iespaidīgas vietnes, izmantojot HTML5, CSS3, Twitter Bootstrap 3, jQuery un Google API, un izvietot to Amazon Simple Storage Service (S3).
Vai mums ir jautājums? Lūdzu, pieminējiet to komentāru sadaļā “JavaScript funkcija”, un mēs ar jums sazināsimies.