Dynamiske webapplikationer opstod efter fødslen af . Med den stigende popularitet af webapplikationerne, JavaScript er blevet et af de vigtigste sprog i nutidens verden. Denne JavaScript-funktionsartikel forklarer de forskellige måder at definere funktioner i JavaScript i følgende rækkefølge:
- Introduktion til JavaScript
- Grundlæggende om JavaScript
- JavaScript-funktion
- Foruddefinerede funktioner
- Forskellige måder at definere JavaScript-funktion på
Introduktion til JavaScript
JavaScript er en højt niveau , fortolket, programmeringssprog bruges til at gøre websider mere interaktive. Det er et meget kraftigt script-sprog på klientsiden, der gør din webside mere livlig og interaktiv.
Det er et programmeringssprog, der hjælper dig med at implementere et komplekst og smukt design på websider. Hvis du vil have din webside til at se levende ud og gøre meget mere end bare gawk på dig, er JavaScript et must.
Grundlæggende om JavaScript
Hvis du er ny på sproget, skal du kende noget af grundlæggende i JavaScript der hjælper dig med at begynde at skrive din kode. Grundlæggende inkluderer:
- Arrays
- Funktioner
Du kan tjekke for at komme i dybden med disse grundlæggende koncepter og grundlæggende i JavaScript. I denne JavaScript-funktionsartikel vil vi fokusere på de forskellige måder at definere funktioner på.
JavaScript-funktion
En JavaScript-funktion er en blok af kode der er designet til at udføre en bestemt opgave. Du kan udføre en funktion ved at ringe til den. Dette er kendt som påberåber sig eller ringer en funktion.
For at bruge en funktion skal du definere den et eller andet sted i det omfang, hvorfra du vil kalde den. Ideen er at sætte en almindeligt udført opgave sammen og lave en funktion, så i stedet for at skrive den samme kode igen og igen til forskellige input, kan vi kalde den særlige funktion.
java-kommando for at afslutte programmet
Det basale syntaks at oprette en funktion i JavaScript er som følger:
funktionsfunktionsnavn (Parameter1, Parameter2, ..) {// Funktionstekst}
JavaScript består af forskellige indbyggede eller foruddefinerede funktioner . Men det giver os også mulighed for at oprette brugerdefinerede funktioner. Så lad os gå videre og se på nogle af de almindeligt anvendte foruddefinerede funktioner.
Foruddefinerede funktioner
JavaScript har flere indbyggede funktioner på øverste niveau. Lad os se på nogle af de funktioner, der er indbygget i sproget.
Funktioner | Beskrivelse |
Eval | Evaluerer et streng / aritmetisk udtryk og returnerer en værdi. |
ParseInt | Parser et strengargument og returnerer et heltal for den angivne base. |
ParseFloat | Parser et strengargument og returnerer et flydende nummer. |
Flugt | Returnerer den hexadecimale kodning af et argument. |
Unescape | Returnerer ASCII-strengen for den angivne værdi. |
Lad os tage et eksempel og se, hvordan disse foruddefinerede funktioner fungerer i 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 til Edureka ') // Undslippe unescape (' Velkommen til Edureka ') // Unescape
Forskellige måder at definere JavaScript-funktion på
En funktion kan defineres på forskellige måder. Det er vigtigt at kontrollere, hvordan funktionen interagerer med de eksterne komponenter og indkaldelsestypen. De forskellige måder inkluderer:
Funktionserklæring
En funktionserklæring består af en funktionsnøgleord , et obligatorisk funktionsnavn, en liste over parametre i et par parenteser og et par krøllede seler, der afgrænser kropskoden.
Det er defineret som:
// funktionserklæringsfunktion isEven (num) {return num% 2 === 0} isEven (24) // => true isEven (11) // => false
Fungere isEven (num) er en funktionserklæring, der bruges til at bestemme, om et tal er lige.
Funktionsudtryk
Et funktionsudtryk bestemmes af a funktionsnøgleord efterfulgt af et valgfrit funktionsnavn, en liste med parametre i et par parenteser og et par krøllede seler, der afgrænser kroppskoden.
Det er defineret som:
const count = function (array) {// Function expression return array.length} const methods = {numbers: [2, 5, 8], sum: function () {// Function expression return this.numbers.reduce (function ( acc, num) {// func. expression return acc + num})}} count ([1, 7, 2]) // => 3 methods.sum () // => 15
Funktionsudtrykket opretter et funktionsobjekt, der kan bruges i forskellige situationer som:
hvordan man lukker en java-applikation
- Det kan tildeles en variabel som en objekt: tælle = funktion (…) {…}
- Lave en metode på en objektsum: funktion () {...}
- Brug fungere have en ring tilbage: .reducer (funktion (...) {...})
Kort beskrivelse Metode Definition
Forkortelse metode definition bruges i en metodedeklaration på objekt bogstaver og ES6 klasser. Du kan definere dem ved hjælp af en funktionsnavn , efterfulgt af en liste over parametre i et par parenteser og et par krøllede seler, der afgrænser kroppens udsagn.
Følgende eksempel bruger definition af stenografisk metode i et bogstaveligt objekt:
const collection = {items: [], add (... items) {this.items.push (... items)}, get (index) {returner this.items [index]}} collection.add ('edureka ',' Online ',' JavaScript ') collection.get (1) // =>' edureka '
Stenografi tilgang har flere fordele over traditionel ejendomsdefinition såsom:
- Den har en kortere syntaks hvilket gør det lettere at læse og skrive.
- Dette skaber navngivne funktioner i modsætning til et funktionsudtryk. Det er nyttigt til fejlretning.
Pilefunktion
En pilfunktion defineres ved hjælp af et par parenteser, der indeholder listen over parametre efterfulgt af a fed pil (=>) og et par krøllede seler, der afgrænser kroppens udsagn.
Følgende eksempel viser den grundlæggende brug af pilefunktionen:
const absValue = (number) => {if (number 21 absValue (7) // => 7
Her, absVærdi er en pilfunktion, der beregner den absolutte værdi af et tal.
Generatorfunktion
Generatorfunktionen i JavaScript returnerer a Generator objekt. Syntaksen svarer til funktionsudtryk, funktionserklæring eller metodedeklaration. Men det kræver en stjerne karakter (*) .
Generatorfunktionen kan erklæres i følgende former:
- Funktionserklæring formular funktion * ():
funktion * indexGenerator () {var index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g.next ( ) .værdi) // => 1
- Funktionsudtryk formfunktion * ():
const indexGenerator = funktion * () {lad index = 0 mens (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). værdi) // => 0 console.log (g. næste (). værdi) // => 1
const obj = {* indexGenerator () {var index = 0 while (true) {yield index ++}}} const g = obj.indexGenerator () console.log (g.next (). value) // => 0 console. log (g.next (). værdi) // => 1
Generatorfunktionen returnerer objekt g i alle tre tilfælde. Derefter bruges det til at generere en række inkrementerede tal.
Funktionskonstruktør
Når Funktion påberåbes som konstruktør, a ny funktion er oprettet. Argumenterne, der sendes til konstruktøren, bliver parameternavne for den nye funktion. Her bruges det sidste argument som funktion krop kode.
For eksempel:
forskel mellem udvidelser og redskaber i java
funktion sum1 (a, b) {return a + b} const sum2 = funktion (a, b) {return a + b} const sum3 = (a, b) => a + b console.log (typeof sum1 === 'funktion') // => sand konsol.log (typeof sum2 === 'funktion') // => sand konsol.log (typeof sum3 === 'funktion') // => sand
Dette var nogle af de forskellige metoder til at definere funktioner i JavaScript. Med dette er vi kommet til slutningen af vores artikel. Jeg håber, du forstod, hvad der er JavaScript-funktioner og de forskellige metoder til at definere dem.
Nu hvor du kender JavaScript-funktion, skal du tjekke af Edureka. Webudvikling certificeringstræning hjælper dig med at lære, hvordan du opretter imponerende websteder ved hjælp af HTML5, CSS3, Twitter Bootstrap 3, jQuery og Google API'er og distribuerer det til Amazon Simple Storage Service (S3).
Har du et spørgsmål til os? Nævn det i kommentarfeltet i “JavaScript-funktion”, og vi vender tilbage til dig.