Belangrijke JavaScript-functies die u moet kennen

Dynamische webapplicaties zijn ontstaan ​​na de geboorte van . Met de stijgende populariteit van de webapplicaties, JavaScript is een van de belangrijkste talen in de wereld van vandaag geworden. Dit artikel over JavaScript-functies legt de verschillende manieren uit om functies in JavaScript te definiëren in de volgende volgorde:

• Inleiding tot JavaScript
• Fundamentals of JavaScript
• JavaScript-functie
• Vooraf gedefinieerde functies
• Verschillende manieren om JavaScript-functie te definiëren

Inleiding tot JavaScript

JavaScript is een hoog niveau , geïnterpreteerd, programmeertaal gebruikt om webpagina's interactiever te maken. Het is een zeer krachtige scripttaal aan de clientzijde die uw webpagina levendiger en interactiever maakt.

Het is een programmeertaal die u helpt om een ​​complex en mooi ontwerp op webpagina's te implementeren. Als u wilt dat uw webpagina er levend uitziet en veel meer doet dan alleen maar naar u gapen, is JavaScript een must.

Fundamentals of JavaScript

Als u nieuw bent in de taal, moet u enkele van de grondbeginselen van JavaScript dat zal u helpen bij het schrijven van uw code. De basis omvat:

model view controller java voorbeeld

• Arrays
• Functies

U kunt de om dieper in te gaan op deze basisconcepten en grondbeginselen van JavaScript. In dit artikel over JavaScript-functies zullen we ons concentreren op de verschillende manieren om functies te definiëren.

JavaScript-functie

Een JavaScript-functie is een blok code die is ontworpen om een ​​bepaalde taak uit te voeren. U kunt een functie uitvoeren door deze aan te roepen. Dit staat bekend als aanroepen of roeping een functie.

Om een ​​functie te gebruiken, moet u deze ergens in de scope definiëren van waaruit u hem wilt aanroepen. Het idee is om een ​​vaak uitgevoerde taak samen te voegen en een functie te maken, zodat we in plaats van steeds dezelfde code voor verschillende invoer te schrijven, die specifieke functie kunnen aanroepen.

De basis syntaxis om een ​​functie in JavaScript te maken is als volgt:

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

JavaScript bestaat uit verschillende ingebouwde of voorgedefinieerde functies . Maar het stelt ons ook in staat om door de gebruiker gedefinieerde functies te creëren. Laten we dus verder gaan en eens kijken naar enkele van de veelgebruikte, vooraf gedefinieerde functies.

Vooraf gedefinieerde functies

JavaScript heeft verschillende ingebouwde functies op het hoogste niveau. Laten we eens kijken naar enkele van de functies die in de taal zijn ingebouwd.

Laten we een voorbeeld nemen en kijken hoe deze vooraf gedefinieerde functies werken in 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 ('Welkom to Edureka ') // Escape unescape (' Welcome to Edureka ') // Unescape

Verschillende manieren om JavaScript-functie te definiëren

Een functie kan op verschillende manieren worden gedefinieerd. Het is belangrijk om te controleren hoe de functie interageert met de externe componenten en het aanroeptype. De verschillende manieren zijn:

• • Functie verklaring
  • Functie-uitdrukking
  • Steno-methode definitie
  • Arrow-functie
  • Generator functie
  • Functie constructor

Functie Verklaring

Een functieverklaring bestaat uit een functie trefwoord , een verplichte functienaam, een lijst met parameters tussen haakjes en een paar accolades die de lichaamscode afbakenen.

Het wordt gedefinieerd als:

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

Functie isEven (num) is een functieverklaring die wordt gebruikt om te bepalen of een getal even is.

Functie-expressie

Een functie-uitdrukking wordt bepaald door een functie trefwoord , gevolgd door een optionele functienaam, een lijst met parameters tussen haakjes en een paar accolades die de bodycode begrenzen.

Het wordt gedefinieerd als:

const count = function (array) {// Functie-expressie return array.length} const-methoden = {numbers: [2, 5, 8], sum: function () {// Functie-expressie retourneert this.numbers.reduce (function ( acc, num) {// func. expression return acc + num})}} count ([1, 7, 2]) // => 3 methods.sum () // => 15

De functie-expressie creëert een functieobject dat in verschillende situaties kan worden gebruikt, zoals:

• Het kan worden toegewezen aan een variabele als een voorwerp: count = functie (…) {…}
• Maak een methode op de som van een object: function () {…}
• Gebruik de functie heb een Bel terug: .reduce (functie (…) {…})

Steno-methode definitie

De steno-methode-definitie wordt gebruikt in een methode-declaratie op object literals en ES6-klassen. U kunt ze definiëren met een functienaam , gevolgd door een lijst met parameters in een paar haakjes en een paar accolades die de uitspraken van het lichaam afbakenen.

In het volgende voorbeeld wordt de definitie van de steno-methode gebruikt in een letterlijk object:

split functie in java voorbeeld

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

De steno-benadering heeft er verschillende voordelen over traditionele eigendomsdefinitie zoals:

• Het heeft een kortere syntaxis waardoor het gemakkelijker is om te lezen en te schrijven.
• Dit creëert benoemde functies, in tegenstelling tot een functie-uitdrukking. Het is handig voor debuggen.

Arrow Functie

Een pijlfunctie wordt gedefinieerd met een paar haakjes dat de lijst met parameters bevat, gevolgd door een dikke pijl (=>) en een paar accolades die de body statements afbakenen.

Het volgende voorbeeld toont het basisgebruik van de pijlfunctie:

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

Hier, absValue is een pijlfunctie die de absolute waarde van een getal berekent.

Generator functie

De generatorfunctie in JavaScript retourneert een Generator voorwerp. De syntaxis is vergelijkbaar met functie-expressie, functiedeclaratie of methode-declaratie. Maar het vereist een sterretje (*) .

De generatorfunctie kan in de volgende vormen worden gedeclareerd:

• Functie aangifteformulier functie * ():

functie * indexGenerator () {var index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). waarde) // => 0 console.log (g.next ( ) .waarde) // => 1

• Functie uitdrukking vorm functie * ():

const indexGenerator = functie * () {let index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). waarde) // => 0 console.log (g. next (). waarde) // => 1

• Formulier voor definitie van steno-methode * ():

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

De generatorfunctie retourneert de voorwerp g in alle drie gevallen. Vervolgens wordt het gebruikt om een ​​reeks oplopende getallen te genereren.

Functie Constructor

Als Function wordt aangeroepen als constructor, wordt een nieuwe functie is gecreëerd. De argumenten die aan de constructor worden doorgegeven, worden de parameternamen voor de nieuwe functie. Hier wordt het laatste argument gebruikt als de functie lichaam code.

Bijvoorbeeld:

functie som1 (a, b) {retourneer a + b} const som2 = functie (a, b) {retourneer a + b} const som3 = (a, b) => a + b console.log (type van som1 === 'function') // => ware console.log (type som2 === 'functie') // => echte console.log (type som3 === 'functie') // => waar

Dit waren enkele van de verschillende methoden om functies in JavaScript te definiëren. Hiermee zijn we aan het einde van ons artikel gekomen. Ik hoop dat je hebt begrepen wat JavaScript-functies zijn en de verschillende methoden om ze te definiëren.

Nu u weet wat de JavaScript-functie is, kunt u het door Edureka. Web Development Certification Training helpt u te leren hoe u indrukwekkende websites kunt maken met HTML5, CSS3, Twitter Bootstrap 3, jQuery en Google API's en deze kunt implementeren op Amazon Simple Storage Service (S3).

datagedreven raamwerk in selenium webdriver

Heeft u een vraag voor ons? Vermeld het in het commentaargedeelte van 'JavaScript-functie' en we nemen contact met u op.