Dinamične web aplikacije nastale su nakon rođenja . S porastom popularnosti web aplikacija, JavaScript je postao jedan od najvažnijih jezika u današnjem svijetu. Ovaj članak o JavaScript funkciji objasnit će različite načine definiranja funkcija u JavaScriptu u sljedećem slijedu:
- Uvod u JavaScript
- Osnove JavaScript-a
- JavaScript funkcija
- Unaprijed definirane funkcije
- Različiti načini definiranja JavaScript funkcije
Uvod u JavaScript
JavaScript je visoka razina , protumačen, programski jezik koristi se za stvaranje interaktivnijih web stranica. To je vrlo moćan skriptni jezik na strani klijenta koji vašu web stranicu čini živahnijom i interaktivnijom.
To je programski jezik koji vam pomaže da implementirate složen i lijep dizajn na web stranicama. Ako želite da vaša web stranica izgleda živa i čini vam puno više od pukog zurenja, JavaScript je neophodan.
Osnove JavaScript-a
Ako ste novi u jeziku, morate znati neke od jezika osnove JavaScript-a to će vam pomoći da započnete s pisanjem koda. Osnove uključuju:
- Nizovi
- Funkcije
Možete provjeriti kako biste ušli u dubinu ovih osnovnih pojmova i osnova JavaScript-a. U ovom članku o JavaScript funkciji usredotočit ćemo se na različite načine definiranja funkcija.
JavaScript funkcija
JavaScript funkcija je a blok koda koji je dizajniran za izvršavanje bilo kojeg određenog zadatka. Funkciju možete izvršiti pozivom. Ovo je poznato kao prizivajući ili pozivajući funkcija.
Da biste koristili funkciju, morate je definirati negdje u opsegu iz kojeg je želite nazvati. Ideja je spojiti neki često izvodivi zadatak i napraviti funkciju tako da, umjesto ponovnog pisanja istog koda za različite ulaze, možemo pozvati tu određenu funkciju.
Osnovni sintaksa za stvaranje funkcije u JavaScript-u slijedi:
function functionName (Parametar1, Parametar2, ..) {// Tijelo funkcije}
JavaScript se sastoji od različitih ugrađenih ili unaprijed definirane funkcije . Ali, također nam omogućuje stvaranje korisnički definiranih funkcija. Krenimo dalje i pogledajmo neke od najčešće korištenih unaprijed definiranih funkcija.
je-veza java
Unaprijed definirane funkcije
JavaScript ima nekoliko ugrađenih funkcija najviše razine. Pogledajmo neke funkcije koje su ugrađene u jezik.
Funkcije | Opis |
Eval | Procjenjuje niz / aritmetički izraz i vraća vrijednost. |
ParseInt | Analizira argument niza i vraća cijeli broj navedene baze. |
ParseFloat | Analizira argument niza i vraća broj s pomičnom zarezom. |
Pobjeći | Vraća heksadecimalno kodiranje argumenta. |
Pobjeći | Vraća ASCII niz za navedenu vrijednost. |
Uzmimo primjer i pogledajte kako ove unaprijed definirane funkcije rade u JavaScript-u:
var x = 10 var y = 20 var a = eval ('x * y') // Eval var b = parseInt ('10 .00 ') // ParseInt var c = parseFloat ('10') // ParseFloat escape ('Dobrodošli do Edureke ') // Escape unescape (' Dobrodošli u Edureku ') // Unescape
Različiti načini definiranja JavaScript funkcije
Funkcija se može definirati na različite načine. Važno je provjeriti kako funkcija komunicira s vanjskim komponentama i vrstom poziva. Različiti načini uključuju:
Izjava o funkciji
Deklaracija funkcije sastoji se od a ključna riječ funkcije , obvezno ime funkcije, popis parametri u paru zagrada i par kovrčavih zagrada koje ograničavaju tjelesni kod.
Definira se kao:
// deklaracija funkcije function isEven (num) {return num% 2 === 0} isEven (24) // => true isEven (11) // => false
Funkcija jeEven (num) je deklaracija funkcije koja se koristi za određivanje je li paran broj.
Izraz funkcije
Izraz funkcije određuje se pomoću a ključna riječ funkcije , nakon čega slijedi izborni naziv funkcije, popis parametara u paru zagrada i par kovrčavih zagrada koje ograničavaju kôd tijela.
Definira se kao:
const count = function (array) {// Izraz funkcije return array.length} const methods = {numbers: [2, 5, 8], sum: function () {// Izraz funkcije return this.numbers.reduce (function ( acc, num) {// func. izraz povratak acc + num})}} count ([1, 7, 2]) // => 3 metode.sum () // => 15
Izraz funkcije stvara objekt funkcije koji se može koristiti u raznim situacijama poput:
- Može se dodijeliti a varijabilna kao an objekt: count = funkcija (…) {…}
- Stvoriti metoda na zbroju predmeta: function () {…}
- Koristiti funkcija imati uzvratiti poziv: .smanji (funkcija (…) {…})
Definicija stenografske metode
Definicija stenografske metode koristi se u deklaraciji metode na objektni literali i ES6 klase. Možete ih definirati pomoću a naziv funkcije , nakon čega slijedi popis parametri u par zagrada i par kovrčavih zagrada koje ograničavaju izjave o tijelu.
Sljedeći primjer koristi definiciju stenografske metode u literarnom objektu:
const collection = {items: [], dodaj (... items) {this.items.push (... items)}, get (index) {return this.items [index]}} collection.add ('edureka ',' Online ',' JavaScript ') collection.get (1) // =>' edureka '
Stenografski pristup ima nekoliko koristi preko tradicionalne definicije svojstva kao što su:
što skener radi u javi
- Ono ima kraća sintaksa što olakšava čitanje i pisanje.
- To stvara imenovane funkcije, suprotno izrazu funkcije. Korisno je za otklanjanje pogrešaka.
Funkcija strelice
Funkcija strelice definira se pomoću para zagrada koje sadrže popis parametara, a slijedi a masna strelica (=>) i par kovrčavih zagrada koje ograničavaju izjave o tijelu.
Sljedeći primjer prikazuje osnovnu upotrebu funkcije strelice:
const absValue = (broj) => {if (broj 21 absValue (7) // => 7
Ovdje, absValue je funkcija strelice koja izračunava apsolutnu vrijednost broja.
Funkcija generatora
Funkcija generatora u JavaScript-u vraća a Generator objekt. Sintaksa je slična izrazu funkcije, deklaraciji funkcije ili deklaraciji metode. Ali to zahtijeva a lik zvijezda (*) .
Funkcija generatora može se deklarirati u sljedećim oblicima:
- Funkcija obrasca za izjavu funkcije * ():
funkcija * indexGenerator () {var indeks = 0 dok (istina) {indeks prinosa ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g.next ( ) .vrijednost) // => 1
- Izraz oblika funkcije function * ():
const indexGenerator = function * () {let index = 0 while (true) {yield yield ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g. next (). value) // => 1
const obj = {* indexGenerator () {var indeks = 0 dok (true) {indeks prinosa ++}}} const g = obj.indexGenerator () console.log (g.next (). value) // => 0 console. log (g.next (). value) // => 1
Funkcija generatora vraća objekt g u sva tri slučaja. Tada se koristi za generiranje niza uvećanih brojeva.
Konstruktor funkcija
Kada se funkcija poziva kao konstruktor, a nova funkcija je stvorena. Argumenti koji se prosljeđuju konstruktoru postaju nazivi parametara nove funkcije. Ovdje se zadnji argument koristi kao funkcionirati tijelo kodirati.
Na primjer:
funkcija sum1 (a, b) {return a + b} const sum2 = function (a, b) {return a + b} const sum3 = (a, b) => a + b console.log (typeof sum1 === 'function') // => true console.log (typeof sum2 === 'function') // => true console.log (typeof sum3 === 'function') // => true
Ovo su bile neke od različitih metoda za definiranje funkcija u JavaScript-u. Ovime smo došli do kraja našeg članka. Nadam se da ste razumjeli što su JavaScript funkcije i različite metode za njihovo definiranje.
Sad kad znate za JavaScript funkciju, pogledajte od Edureke. Obuka za certificiranje web razvoja pomoći će vam naučiti kako stvoriti impresivne web stranice pomoću HTML5, CSS3, Twitter Bootstrap 3, jQuery i Google API-ja i rasporediti ih na Amazon Simple Storage Service (S3).
Imate pitanje za nas? Molimo vas da ga spominjete u odjeljku za komentare 'JavaScript funkcije', a mi ćemo vam se javiti.