Viktiga JavaScript-funktioner du behöver veta om

Dynamiska webbapplikationer uppstod efter födelsen av . Med den ökande populariteten för webbapplikationer, JavaScript har blivit ett av de viktigaste språken i dagens värld. Den här JavaScript-funktionsartikeln kommer att förklara de olika sätten att definiera funktioner i JavaScript i följande sekvens:

• Introduktion till JavaScript
• Grundläggande för JavaScript
• JavaScript-funktion
• Fördefinierade funktioner
• Olika sätt att definiera JavaScript-funktion

Introduktion till JavaScript

JavaScript är en hög nivå , tolkat, programmeringsspråk används för att göra webbsidor mer interaktiva. Det är ett mycket kraftfullt skriptspråk på klientsidan som gör din webbsida mer livlig och interaktiv.

Det är ett programmeringsspråk som hjälper dig att implementera en komplex och vacker design på webbsidor. Om du vill att din webbsida ska se levande ut och göra mycket mer än bara gawk på dig, är JavaScript ett måste.

Grundläggande för JavaScript

Om du är ny på språket måste du känna till några av grundläggande för JavaScript som hjälper dig att börja skriva din kod. Grunderna inkluderar:

• Arrayer
• Funktioner

Du kan kolla in för att komma in i djupet av dessa grundläggande begrepp och grundläggande i JavaScript. I denna JavaScript-funktionsartikel kommer vi att fokusera på de olika sätten att definiera funktioner på.

hur man vänder om sträng i python

JavaScript-funktion

En JavaScript-funktion är en kodblock som är utformad för att utföra en viss uppgift. Du kan utföra en funktion genom att ringa den. Detta kallas åberopa eller kallelse en funktion.

För att använda en funktion måste du definiera den någonstans i det omfång som du vill kalla den från. Tanken är att sätta ihop en gemensamt utförd uppgift och göra en funktion så att vi istället för att skriva samma kod om och om igen för olika ingångar kan ringa just den funktionen.

Det grundläggande syntax att skapa en funktion i JavaScript är som följer:

function functionName (Parameter1, Parameter2, ..) {// Function body}

JavaScript består av olika inbyggda eller fördefinierade funktioner . Men det låter oss också skapa användardefinierade funktioner. Så låt oss gå vidare och titta på några av de ofta använda fördefinierade funktionerna.

Fördefinierade funktioner

JavaScript har flera inbyggda funktioner på toppnivå. Låt oss ta en titt på några av de funktioner som är inbyggda i språket.

Låt oss ta ett exempel och se hur dessa fördefinierade funktioner fungerar 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 ('Välkommen till Edureka ') // Escape unescape (' Welcome to Edureka ') // Unescape

Olika sätt att definiera JavaScript-funktion

En funktion kan definieras på olika sätt. Det är viktigt att kontrollera hur funktionen interagerar med de externa komponenterna och anropstypen. De olika sätten inkluderar:

• • Funktionsdeklaration
  • Funktionsuttryck
  • Kortfattad metoddefinition
  • Pilfunktion
  • Generatorfunktion
  • Funktionskonstruktör

Funktionsdeklaration

En funktionsdeklaration består av en funktionsnyckelord , ett obligatoriskt funktionsnamn, en lista över parametrar i ett par parenteser och ett par lockiga hängslen som avgränsar kroppskoden.

Det definieras som:

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

Fungera isEven (num) är en funktionsdeklaration som används för att avgöra om ett nummer är jämnt.

Funktionsuttryck

Ett funktionsuttryck bestäms av a funktionsnyckelord följt av ett valfritt funktionsnamn, en lista med parametrar i ett par parentes och ett par lockiga hakparenteser som avgränsar kroppskoden.

Det definieras 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

Funktionsuttrycket skapar ett funktionsobjekt som kan användas i olika situationer som:

• Det kan tilldelas en variabel som en objekt: räkna = funktion (…) {…}
• Skapa en metod på en objektsumma: funktion () {...}
• Använd fungera ha en ring tillbaka: .reducera (funktion (...) {...})

Kortfattad metoddefinition

Kortfattad metoddefinition används i en metoddeklaration den objekt bokstäver och ES6-klasser. Du kan definiera dem med hjälp av a funktionsnamn följt av en lista över parametrar i ett par parenteser och ett par lockiga hängslen som avgränsar kroppsuttalanden.

I följande exempel används definition av stenografi i ett bokstavligt 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 '

Förkortningen har flera fördelar över traditionell fastighetsdefinition såsom:

• Den har en kortare syntax vilket gör det lättare att läsa och skriva.
• Detta skapar namngivna funktioner, i motsats till ett funktionsuttryck. Det är användbart för felsökning.

Pilfunktion

En pilfunktion definieras med hjälp av ett par parenteser som innehåller en lista med parametrar, följt av en fet pil (=>) och ett par lockiga hängslen som avgränsar kroppsuttalanden.

modellvy controller i java

Följande exempel visar den grundläggande användningen av pilfunktionen:

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

Här, absValue är en pilfunktion som beräknar det absoluta värdet för ett tal.

Generatorfunktion

Generatorfunktionen i JavaScript returnerar a Generator objekt. Syntaxen liknar funktionsuttryck, funktionsdeklaration eller metoddeklaration. Men det kräver en stjärnkaraktär (*) .

Generatorfunktionen kan deklareras i följande former:

• Funktionsdeklarationsformulär funktion * ():

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

• Funktionsuttryck formfunktion * ():

const indexGenerator = funktion * () {låt index = 0 medan (true) {avkastningsindex ++}} const g = indexGenerator () console.log (g.next (). värde) // => 0 console.log (g. nästa (). värde) // => 1

• Form för definition av stenografisk metod * ():

const obj = {* indexGenerator () {var index = 0 medan (true) {yield index ++}}} const g = obj.indexGenerator () console.log (g.next (). value) // => 0 console. log (g.next (). värde) // => 1

Generatorfunktionen returnerar objekt g i alla tre fall. Sedan används den för att generera en serie stegvisa siffror.

Funktionskonstruktör

När Funktion åberopas som konstruktör, a ny funktion är skapad. Argumenten som skickas till konstruktören blir parameternamnen för den nya funktionen. Här används det sista argumentet som funktionskropp koda.

Till exempel:

funktion 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

Detta var några av de olika metoderna för att definiera funktioner i JavaScript. Med detta har vi kommit till slutet av vår artikel. Jag hoppas att du förstod vad som är JavaScript-funktioner och de olika metoderna för att definiera dem.

Nu när du känner till JavaScript-funktion, kolla in av Edureka. Webbutvecklingscertifieringsträning hjälper dig att lära dig hur du skapar imponerande webbplatser med HTML5, CSS3, Twitter Bootstrap 3, jQuery och Google API: er och distribuerar den till Amazon Simple Storage Service (S3).

Har du en fråga till oss? Vänligen nämna det i kommentarsektionen i “JavaScript-funktion” så återkommer vi till dig.