Importanti funzioni JavaScript che devi conoscere

Questo blog di edureka fornirà una conoscenza approfondita delle funzioni JavaScript. Spiegherà anche i vari metodi per definire le funzioni con l'esempio.

Le applicazioni web dinamiche sono nate dopo la nascita di . Con la crescente popolarità delle applicazioni web, JavaScript è diventata una delle lingue più importanti nel mondo di oggi. Questo articolo sulle funzioni JavaScript spiegherà i diversi modi per definire le funzioni in JavaScript nella seguente sequenza:

Introduzione a JavaScript

JavaScript è un file alto livello , interpretato, linguaggio di programmazione utilizzato per rendere le pagine web più interattive. È un linguaggio di scripting lato client molto potente che rende la tua pagina web più vivace e interattiva.



JavaScript - funzione javascript- Edureka

È un linguaggio di programmazione che ti aiuta a implementare un design complesso e bello sulle pagine web. Se vuoi che la tua pagina web sembri viva e faccia molto di più che sbalordirti, JavaScript è un must.

Fondamenti di JavaScript

Se sei nuovo nella lingua, devi conoscere alcuni dei file fondamenti di JavaScript che ti aiuterà a iniziare a scrivere il tuo codice. Le basi includono:

Puoi controllare il file per entrare nella profondità di questi concetti di base e fondamenti di JavaScript. In questo articolo sulle funzioni JavaScript, ci concentreremo sui diversi modi per definire le funzioni.

Funzione JavaScript

Una funzione JavaScript è un file blocco di codice progettato per eseguire qualsiasi compito particolare. È possibile eseguire una funzione chiamandola. Questo è noto come invocando o chiamando una funzione.

Per utilizzare una funzione, è necessario definirla da qualche parte nell'ambito da cui si desidera chiamarla. L'idea è di mettere insieme alcune attività eseguite comunemente e creare una funzione in modo che invece di scrivere lo stesso codice più e più volte per input diversi, possiamo chiamare quella particolare funzione.

La base sintassi per creare una funzione in JavaScript è il seguente:

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

JavaScript è costituito da vari file o funzioni predefinite . Ma ci consente anche di creare funzioni definite dall'utente. Quindi andiamo avanti e diamo un'occhiata ad alcune delle funzioni predefinite comunemente utilizzate.

Funzioni predefinite

JavaScript ha diverse funzioni integrate di primo livello. Diamo uno sguardo ad alcune delle funzioni incorporate nel linguaggio.

Funzioni Descrizione
Eval Valuta un'espressione stringa / aritmetica e restituisce un valore.
ParseInt Analizza un argomento stringa e restituisce un numero intero della base specificata.
ParseFloat Analizza un argomento stringa e restituisce un numero a virgola mobile.
Fuga Restituisce la codifica esadecimale di un argomento.
Unescape Restituisce la stringa ASCII per il valore specificato.

Facciamo un esempio e vediamo come funzionano queste funzioni predefinite 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 ('Welcome to Edureka ') // Escape unescape (' Welcome to Edureka ') // Unescape

Diversi modi per definire la funzione JavaScript

Una funzione può essere definita in vari modi. È importante verificare come la funzione interagisce con i componenti esterni e il tipo di chiamata. I diversi modi includono:

Dichiarazione di funzione

Una dichiarazione di funzione consiste in un file parola chiave della funzione , un nome di funzione obbligatorio, un elenco di parametri tra parentesi e un paio di parentesi graffe che delimitano il codice del corpo.

È definito come:

// dichiarazione di funzione function isEven (num) {return num% 2 === 0} isEven (24) // => true isEven (11) // => false

Funzione isEven (num) è una dichiarazione di funzione che viene utilizzata per determinare se un numero è pari.

Espressione di funzioni

Un'espressione di funzione è determinata da a parola chiave della funzione , seguito da un nome di funzione opzionale, un elenco di parametri tra parentesi e un paio di parentesi graffe che delimitano il codice del corpo.

È definito come:

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) {// espressione di funzione return acc + num})}} count ([1, 7, 2]) // => 3 metodi.sum () // => 15

L'espressione della funzione crea un oggetto funzione che può essere utilizzato in varie situazioni come:

  • Può essere assegnato a un file variabile come un oggetto: count = funzione (…) {…}
  • Creare un metodo su un oggetto somma: function () {…}
  • Usa il funzione avere un richiama: .reduce (funzione (…) {…})

Definizione del metodo abbreviato

La definizione del metodo abbreviato viene utilizzata in una dichiarazione di metodo su letterali oggetto e classi ES6. Puoi definirli usando un file nome della funzione , seguito da un elenco di parametri tra parentesi e un paio di parentesi graffe che delimitano le dichiarazioni del corpo.

L'esempio seguente utilizza la definizione del metodo abbreviato in un oggetto letterale:

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

L'approccio stenografico ne ha diversi benefici rispetto alla definizione di proprietà tradizionale come:

quando usare questo java
  • Ha un sintassi più breve che rende più facile leggere e scrivere.
  • Questo crea funzioni con nome, contrariamente a un'espressione di funzione. È utile per debug.

Funzione freccia

Una funzione freccia viene definita utilizzando una coppia di parentesi che contiene l'elenco dei parametri, seguita da a freccia grassa (=>) e un paio di parentesi graffe che delimitano le istruzioni del corpo.

L'esempio seguente mostra l'utilizzo di base della funzione freccia:

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

Qui, absValue è una funzione freccia che calcola il valore assoluto di un numero.

Funzione generatore

La funzione generatore in JavaScript restituisce un file Generatore oggetto. La sintassi è simile all'espressione di funzione, alla dichiarazione di funzione o alla dichiarazione di metodo. Ma richiede un file carattere stella (*) .

La funzione generatore può essere dichiarata nelle seguenti forme:

  • Funzione modulo di dichiarazione funzione * ():
function * indexGenerator () {var index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g.next ( ) .value) // => 1
  • Funzione espressione forma funzione * ():
const indexGenerator = function * () {let index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g. next (). value) // => 1
  • Modulo di definizione del metodo abbreviato * ():
const obj = {* indexGenerator () {var index = 0 while (true) {yield index ++}}} const g = obj.indexGenerator () console.log (g.next (). value) // => 0 console. log (g.next (). value) // => 1

La funzione del generatore restituisce il file oggetto g in tutti e tre i casi. Quindi viene utilizzato per generare una serie di numeri incrementati.

Costruttore di funzioni

Quando Function viene richiamato come costruttore, un file nuova funzione è creato. Gli argomenti passati al costruttore diventano i nomi dei parametri per la nuova funzione. Qui, l'ultimo argomento viene utilizzato come funzione del corpo codice.

Per esempio:

funzione sum1 (a, b) {return a + b} const sum2 = funzione (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

Questi erano alcuni dei diversi metodi per definire le funzioni in JavaScript. Con questo, siamo giunti alla fine del nostro articolo. Spero tu abbia capito cosa sono le funzioni JavaScript e i diversi metodi per definirle.

Ora che conosci la funzione JavaScript, controlla il file di Edureka. La formazione sulla certificazione per lo sviluppo web ti aiuterà a imparare come creare siti Web straordinari utilizzando HTML5, CSS3, Twitter Bootstrap 3, jQuery e API di Google e a distribuirli su Amazon Simple Storage Service (S3).

Hai domande per noi? Si prega di menzionarlo nella sezione commenti di 'Funzione JavaScript' e ti risponderemo.