Viktige JavaScript-funksjoner du trenger å vite om

Dynamiske nettapplikasjoner ble til etter fødselen av . Med den økende populariteten til webapplikasjonene, JavaScript har blitt et av de viktigste språkene i dagens verden. Denne JavaScript-funksjonsartikkelen vil forklare de forskjellige måtene å definere funksjoner i JavaScript i følgende sekvens:

• Introduksjon til JavaScript
• Grunnleggende om JavaScript
• JavaScript-funksjon
• Forhåndsdefinerte funksjoner
• Ulike måter å definere JavaScript-funksjon på

Introduksjon til JavaScript

JavaScript er en høy level , tolket, programmeringsspråk brukes til å gjøre websider mer interaktive. Det er et veldig kraftig skriptspråk på klientsiden som gjør websiden din mer livlig og interaktiv.

Det er et programmeringsspråk som hjelper deg med å implementere et komplekst og vakkert design på websider. Hvis du vil at websiden din skal se levende ut og gjøre mye mer enn bare å kaste bort deg, er JavaScript et must.

Grunnleggende om JavaScript

Hvis du er ny i språket, må du vite noe av grunnleggende JavaScript som vil hjelpe deg med å begynne å skrive koden. Det grunnleggende inkluderer:

• Arrays
• Funksjoner

Du kan sjekke ut for å komme i dybden av disse grunnleggende konseptene og grunnleggende JavaScript. I denne JavaScript-funksjonsartikkelen vil vi fokusere på de forskjellige måtene å definere funksjoner på.

JavaScript-funksjon

En JavaScript-funksjon er en kodeblokk som er designet for å utføre en bestemt oppgave. Du kan utføre en funksjon ved å ringe den. Dette er kjent som påkaller eller ringer en funksjon.

For å bruke en funksjon, må du definere den et sted i omfanget du vil kalle den fra. Ideen er å sette sammen noen ofte utførte oppgaver og lage en funksjon slik at vi i stedet for å skrive den samme koden igjen og igjen for forskjellige innganger, kan kalle den spesielle funksjonen.

Det grunnleggende syntaks å opprette en funksjon i JavaScript er som følger:

funksjonsfunksjonsnavn (Parameter1, Parameter2, ..) {// Funksjonsdel}

JavaScript består av forskjellige innebygde eller forhåndsdefinerte funksjoner . Men det lar oss også lage brukerdefinerte funksjoner. Så la oss gå videre og se på noen av de vanlige forhåndsdefinerte funksjonene.

Forhåndsdefinerte funksjoner

JavaScript har flere innebygde funksjoner på toppnivå. La oss ta en titt på noen av funksjonene som er innebygd i språket.

La oss ta et eksempel og se hvordan disse forhåndsdefinerte funksjonene 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 ') // Escape unescape (' Welcome to Edureka ') // Unescape

Ulike måter å definere JavaScript-funksjon på

En funksjon kan defineres på forskjellige måter. Det er viktig å sjekke hvordan funksjonen samhandler med de eksterne komponentene og påkallelsestypen. De forskjellige måtene inkluderer:

• • Funksjonserklæring
  • Funksjonsuttrykk
  • Forkortelse metode definisjon
  • Pilfunksjon
  • Generatorfunksjon
  • Funksjonskonstruktør

Funksjonserklæring

En funksjonserklæring består av en funksjonsnøkkelord , et obligatorisk funksjonsnavn, en liste over parametere i et par parentes og et par krøllete bukseseler som avgrenser kroppskoden.

Det er definert som:

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

Funksjon isEven (num) er en funksjonserklæring som brukes til å bestemme om et tall er jevnt.

Funksjonsuttrykk

Et funksjonsuttrykk bestemmes av a funksjonsnøkkelord , etterfulgt av et valgfritt funksjonsnavn, en liste over parametere i et par parentes og et par krøllete bukseseler som avgrenser kroppskoden.

Det er definert 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

Funksjonsuttrykket skaper et funksjonsobjekt som kan brukes i forskjellige situasjoner som:

• Det kan tilordnes en variabel som en gjenstand: count = function (…) {…}
• Lage en metode på en objektsum: funksjon () {...}
• Bruke funksjon ha en Ring tilbake: .reduser (funksjon (...) {...})

Forkortelse Metode Definisjon

Forkortelse metode definisjon brukes i en metodedeklarasjon på objektlitteratur og ES6 klasser. Du kan definere dem ved hjelp av a funksjonsnavn , etterfulgt av en liste over parametere i et par parentes og et par krøllete bukseseler som avgrenser kroppssetningene.

Følgende eksempel bruker definisjon av stenografisk metode i et bokstavelig objekt:

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

Forkortelsen tilnærming har flere fordeler over tradisjonell eiendomsdefinisjon som:

• Den har en kortere syntaks som gjør det lettere å lese og skrive.
• Dette skaper navngitte funksjoner, i motsetning til et funksjonsuttrykk. Det er nyttig for feilsøking.

Pilfunksjon

En pilfunksjon defineres ved hjelp av et par parenteser som inneholder listen over parametere, etterfulgt av a fett pil (=>) og et par krøllete bukseseler som avgrenser kroppssetningene.

Følgende eksempel viser den grunnleggende bruken av pilfunksjonen:

const absValue = (number) => {if (number 21 absValue (7) // => 7

Her, absValue er en pilfunksjon som beregner den absolutte verdien til et tall.

Generatorfunksjon

Generatorfunksjonen i JavaScript returnerer a Generator gjenstand. Syntaksen ligner på funksjonsuttrykk, funksjonserklæring eller metodedeklarasjon. Men det krever en stjernekarakter (*) .

Generatorfunksjonen kan deklareres i følgende former:

• Funksjonserklæringsskjema funksjon * ():

funksjon * indexGenerator () {var index = 0 mens (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g.next ( ) .verdi) // => 1

• Funksjonsuttrykk formfunksjon * ():

const indexGenerator = funksjon * () {let index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g. neste (). verdi) // => 1

• Form for definisjon av stenografi * ():

const obj = {* indexGenerator () {var index = 0 while (true) {yield index ++}}} const g = obj.indexGenerator () console.log (g.next (). value) // => 0 console. logg (g.next (). verdi) // => 1

Generatorfunksjonen returnerer objekt g i alle tre tilfeller. Deretter brukes den til å generere en serie med inkrementerte tall.

Funksjonskonstruktør

Når funksjon blir påkalt som en konstruktør, a ny funksjon er skapt. Argumentene som sendes til konstruktøren blir parameternavn for den nye funksjonen. Her er det siste argumentet brukt som funksjon kroppen kode.

hva er en blockchain-utvikler

For eksempel:

funksjon 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

Dette var noen av de forskjellige metodene for å definere funksjoner i JavaScript. Med dette har vi kommet til slutten av artikkelen vår. Jeg håper du forsto hva som er JavaScript-funksjoner og de forskjellige metodene for å definere dem.

Nå som du vet om JavaScript-funksjon, sjekk ut av Edureka. Webutvikling sertifiseringstrening hjelper deg med å lære hvordan du lager imponerende nettsteder ved hjelp av HTML5, CSS3, Twitter Bootstrap 3, jQuery og Google APIer og distribuerer det til Amazon Simple Storage Service (S3).

Har du spørsmål til oss? Vennligst nevn det i kommentarfeltet i “JavaScript-funksjon”, så kommer vi tilbake til deg.