ARROW FUNCTION

Le arrow function sono un nuovo tipo di funzioni anonime, introdotte in ES6, hanno una sintassi compatta e facilmente leggibile. Le arrow function sono particolarmente adatte come callback.

let myFunction = (a, b) => a * b;

Prima delle arrow function si aveva:

hello = function() {
return “Hello World!”;
}

Con le arrow function si ha:

hello = () => {
return “Hello World!”;
}

Si accorcia! Se la funzione ha una sola istruzione e l’istruzione restituisce un valore, puoi rimuovere le parentesi e la parola chiave return:

hello = () => “Hello World!”;

Nota: funziona solo se la funzione ha una sola istruzione. Se hai dei parametri, li passi tra parentesi:

hello = (val) => “Hello ” + val;

Inoltre, se hai un solo parametro, puoi saltare anche le parentesi:

hello = val => “Hello ” + val;

Copy to Clipboard

<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <title>Arrow Function</title>
</head>
<body>
    <script type="rocketlazyloadscript">
        /*--Le arrow function sono un nuovo tipo di funzioni anonime, introdotte in ES6, 
        hanno una sintassi compatta e facilmente leggibile.*/
        let fn = function(x){
            return x * Math.PI;
        }
        //La stessa funzione con una arrow function.
        /*--Non è necessario definire la key function,
        si indicano i parametri se ne ha il simbolo =>
        e il corpo della funzione. Inoltre quando vi è
        un solo parametro non è necessario indicare
        le parentesi tonde, infine se composta da
        una singola istruzione si può togliere il return
        e le graffe.*/
        //let fn_a = (x) => { return x * Math.PI};
        let fn_a = x => x * Math.PI;
        console.log(fn(2));
        console.log(fn_a(2));
        /*--Le arrow function sono particolarmente adatte come callback.*/
        let a = [2,6,9,10,29];
        let b = a.filter(function(x)
        {
            return x % 2 == 0;
        });
        /*--Al momento non è importante capire il metodo filter. Esso
        prende in input una callback, in x vengono passati di volta in volta
        gli elementi dell'array. Viene verificato se il numero è pari con 
        l'operatore modulo e se pari il numero è inserito nell'array b.*/
        console.log(b);
        /*--Usiamo una arrow function*/
        let c = a.filter(x => x % 2 == 0);
        console.log(c);
        //ALTRI ESEMPI
        let myFunction = (a,b) => a * b;
        console.log(myFunction(5,4));
        let hello1 = () => 'Hello world!';
        console.log(hello1());
        let hello = val => 'Hello '+ val;
        console.log(hello('Marco!'))
        let myFunc = a => Math.sqrt(a);
        console.log(myFunc(144));
    </script>
</body>
</html>

LINK AI POST PRECEDENTI

IL LINGUAGGIO JAVASCRIPT

LINK AL CODICE SU GITHUB

GITHUB

ARROW FUNCTION

ARROW FUNCTION

LINK AI POST PRECEDENTI

LINK AL CODICE SU GITHUB

Scritto da: Marco Albasini

Scrivi un commento Annulla risposta

Categories

Archive

ARROW FUNCTION

ARROW FUNCTION

ARROW FUNCTION

LINK AI POST PRECEDENTI

LINK AL CODICE SU GITHUB

Scritto da: Marco Albasini

Post correlati

LE FUNZIONI

I PARAMETRI DELLE FUNZIONI

INVOCAZIONE DI FUNZIONI

JAVASCRIPT CLOUSURES

Scrivi un commento Annulla risposta

Categories

Archive