Le funzioni in JavaScript

Funzioni freccia

Funzioni freccia, una novità di ECMAScript 6
Funzioni freccia, una novità di ECMAScript 6

Le arrow function, o funzioni freccia, sono funzioni definite con una sintassi diversa da quella classica, e sono state introdotte in ES6.

var somma = (numero1, numero2) => { return numero1 + numero2; }

somma(3, 7) /// 10

Queste funzioni possono evitare le parentesi tonde se accettano un solo argomento:

var quadrato = numero => { return numero * numero }

quadrato(9); /// 81

Le arrow function non hanno un proprio contesto chiuso, questa è la loro caratteristica più importante. Quando avremo approfondito il contesto e la parola chiave this i vantaggi di questo costrutto saranno più evidenti.

Ecco un esempio dal sito MDN:

function Persona(){
  this.eta = 0;

  setInterval(() => {
    this.eta++; // |this| è il contesto dell’oggetto Persona
  }, 1000);
}

var io = new Persona();

Questo articolo è parte della collana JavaScript: Guida di riferimento per aspiranti web developer.

Potrebbero interessarti anche...

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.