Važne JavaScript funkcije o kojima morate znati

Ovaj edureka blog pružit će detaljno znanje o JavaScript funkcijama. Također će na primjeru objasniti razne metode za definiranje funkcija.

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

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.





JavaScript - javascript funkcija- Edureka

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:

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
  • Obrazac definicije stenografske metode * ():
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.