Pomembne funkcije JavaScript, o katerih morate vedeti

Dinamične spletne aplikacije so nastale po rojstvu . Z naraščajočo priljubljenostjo spletnih aplikacij, JavaScript je postal eden najpomembnejših jezikov v današnjem svetu. Ta članek o funkciji JavaScript bo razložil različne načine definiranja funkcij v JavaScript v naslednjem zaporedju:

• Uvod v JavaScript
• Osnove JavaScript
• Funkcija JavaScript
• Vnaprej določene funkcije
• Različni načini za določanje funkcije JavaScript

Uvod v JavaScript

JavaScript je visoka stopnja , interpretiran, programski jezik uporablja za izboljšanje interaktivnosti spletnih strani. Je zelo zmogljiv skriptni jezik na strani odjemalca, zaradi česar je vaša spletna stran bolj živahna in interaktivna.

To je programski jezik, ki vam pomaga uvesti kompleksen in lep dizajn na spletnih straneh. Če želite, da je vaša spletna stran videti živa in naredi veliko več, kot samo gledati na vas, je JavaScript nujen.

java ima-odnos

Osnove JavaScript

Če jezika ne poznate, morate nekaj poznati osnove JavaScript s tem boste lažje začeli pisati kodo. Osnove vključujejo:

• Polja
• Funkcije

Lahko si ogledate poglobiti se v te osnovne koncepte in osnove JavaScript. V tem članku o funkciji JavaScript se bomo osredotočili na različne načine definiranja funkcij.

Funkcija JavaScript

Funkcija JavaScript je blok kode ki je namenjen za izvajanje določene naloge. Funkcijo lahko izvedete tako, da jo pokličete. To je znano kot priklic ali klicanje funkcijo.

Če želite uporabiti funkcijo, jo morate definirati nekje v obsegu, iz katerega jo želite poklicati. Ideja je sestaviti nekaj pogosto izvajanih nalog in narediti funkcijo, tako da lahko namesto pisanja iste kode znova in znova za različne vnose pokličemo to določeno funkcijo.

Osnovno skladnja Če želite ustvariti funkcijo v JavaScript, je naslednje:

function functionName (Parameter1, Parameter2, ..) {// telo funkcije}

JavaScript je sestavljen iz različnih vgrajenih oz vnaprej določene funkcije . Vendar pa nam omogoča tudi ustvarjanje uporabniško določenih funkcij. Gremo torej naprej in si oglejmo nekatere pogosto uporabljene vnaprej določene funkcije.

Vnaprej določene funkcije

JavaScript ima več vgrajenih funkcij na najvišji ravni. Oglejmo si nekatere funkcije, ki so vgrajene v jezik.

Vzemimo primer in si oglejmo, kako te vnaprej določene funkcije delujejo v 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 v Edureki ') // Unescape

Različni načini za določanje funkcije JavaScript

kako zapreti program v javi -

Funkcijo lahko določimo na različne načine. Pomembno je preveriti, kako funkcija deluje z zunanjimi komponentami in vrsto klica. Različni načini vključujejo:

• • Izjava o funkciji
  • Izraz funkcije
  • Opredelitev okrajšane metode
  • Funkcija puščice
  • Funkcija generatorja
  • Konstruktor funkcije

Izjava o funkciji

Deklaracija funkcije je sestavljena iz a ključna beseda funkcije , obvezno ime funkcije, seznam parametrov v parih oklepajih in parih zavitih oklepajih, ki omejujejo telesno kodo.

Opredeljen je kot:

// izjava funkcije function isEven (num) {return num% 2 === 0} isEven (24) // => true isEven (11) // => false

Funkcija isEven (num) je izjava funkcije, ki se uporablja za ugotavljanje, ali je število sodo.

Izraz funkcije

Izraz funkcije je določen z a ključna beseda funkcije , čemur sledi neobvezno ime funkcije, seznam parametrov v paru oklepajev in par zavitih oklepajev, ki omejuje kodo telesa.

Opredeljen je kot:

const count = function (array) {// izraz funkcije vrne array.length} const metode = {številke: [2, 5, 8], sum: function () {// izraz funkcije vrne this.numbers.reduce (function ( acc, num) {// funkcijski izraz vrne acc + num})}} count ([1, 7, 2]) // => 3 metode.sum () // => 15

Izraz funkcije ustvari funkcijski objekt, ki ga je mogoče uporabiti v različnih situacijah, kot so:

• Lahko se dodeli a spremenljivka kot an objekt: count = funkcija (…) {…}
• Ustvariti metoda na vsoti predmeta: function () {…}
• Uporabi funkcijo imajo a poklicati nazaj: .reduce (funkcija (…) {…})

Opredelitev kratice metode

Opredelitev okrajšave metode se uporablja v izjavi metode dne objektne slovnice in ES6. Določite jih lahko s pomočjo ime funkcije , čemur sledi seznam parametrov v parih oklepajih in parih zavitih oklepajih, ki omejuje stavke telesa.

Naslednji primer uporablja definicijo okrajšave metode v dobesednem objektu:

const collection = {items: [], add (... items) {this.items.push (... items)}, get (index) {return this.items [index]}} collection.add ('edureka ',' Online ',' JavaScript ') collection.get (1) // =>' edureka '

Stenografski pristop ima več koristi nad tradicionalno lastninsko definicijo, kot so:

• Ima a krajša sintaksa kar olajša branje in pisanje.
• To ustvari imenovane funkcije, v nasprotju z izrazom funkcije. Uporabno je za odpravljanje napak.

Funkcija puščice

Funkcija puščice je definirana s parom oklepajev, ki vsebuje seznam parametrov, čemur sledi a debela puščica (=>) in par zavitih oklepajev, ki omejuje stavke telesa.

Naslednji primer prikazuje osnovno uporabo funkcije puščice:

const absValue = (število) => {if (število 21 absValue (7) // => 7

Tukaj, absValue je puščična funkcija, ki izračuna absolutno vrednost števila.

Funkcija generatorja

Funkcija generatorja v JavaScript vrne a Generator predmet. Sintaksa je podobna izrazu funkcije, izjavi funkcije ali izjavi metode. Vendar zahteva a zvezdni znak (*) .

Funkcijo generatorja je mogoče prijaviti v naslednjih oblikah:

• Obrazec izjave o funkciji funkcija * ():

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

• Izraz funkcije obrazca funkcija * ():

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

• Obrazec za opredelitev okrajšane metode * ():

const obj = {* indexGenerator () {var indeks = 0, medtem ko (true) {indeks donosa ++}}} const g = obj.indexGenerator () console.log (g.next (). value) // => 0 console. log (g.next (). value) // => 1

Funkcija generatorja vrne predmet g v vseh treh primerih. Nato se uporablja za generiranje niza povečanih števil.

Konstruktor funkcij

Ko se funkcija prikliče kot konstruktor, a nova funkcija je ustvarjen. Argumenti, ki se posredujejo konstruktorju, postanejo imena parametrov za novo funkcijo. Tu je zadnji argument uporabljen kot funkcijsko telo Koda.

označevalni vmesnik v primeru Java

Na primer:

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

To je bilo nekaj različnih metod za določanje funkcij v JavaScript. S tem smo prišli do konca našega članka. Upam, da ste razumeli, kaj so funkcije JavaScript in različne metode za njihovo definiranje.

Zdaj, ko poznate funkcijo JavaScript, si oglejte avtor Edureka. Izobraževanje za certificiranje spletnega razvoja vam bo pomagalo Naučiti se ustvariti impresivna spletna mesta z uporabo API-jev HTML5, CSS3, Twitter Bootstrap 3, jQuery in Google ter jih namestiti v Amazon Simple Storage Service (S3).

Imate vprašanje za nas? Prosimo, omenite ga v oddelku za komentarje v 'Funkciji JavaScript' in mi se vam bomo oglasili.