I PARAMETRI DELLE FUNZIONI

ARGUMENTS, REST AND SPREAD

I parametri passati a una funzione sono disponibili anche attraverso l’oggetto arguments, è un oggetto simile ad un array con cui è possibile accedere agli elementi passati in input. Il codice riportato chiarisce questo argomento.

Copy to Clipboard

<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <title>Arguments Rest and spread</title>
</head>
<body>
    <script>
        function test()
        {
            for(let param of arguments){
                console.log(param);
            }

}
        test(2,'Ciao',true);
        function calcola(a,b){
            console.log(a + b);
        }
        calcola(10,20,30,40);
        /*--Se passiamo più parametri di quelli che si aspetta la funzione
        semplicemente quelli eccedenti verranno ignorati. A volte in fase di definizione
        di una funzione non è possibile stabilire quanti parametri riceveremo
        in input. A tal proposito ci viene in aiuto l'identificatore rest ...*/
        function rest(p1,p2, ...numeri){
            let somma = 0;
            for(let numero of numeri){
                somma+=numero;
            }
            console.log('La somma dei parametri in input è: ' + (somma + p1 + p2));
        }
        rest(10,5,20,30);
        /*--Possiamo anche definire uno o più parametri in input, nell'esempio p1,p2. Il primo
        parametro conserverà il primo valore passato in input, 
        il secondo conserverà il secondo parametro passato in input e così via. rest
        tutti gli altri. A volte potrebbe esserci la necessità opposta, cioè ad esempio abbiamo 
        un array da passare ad una funzione che però non accetta array ma una serie
        di valori. Facciamo un esempio.*/
        let a = [10,20,20,1,4];
        let min = Math.min(...a);
        console.log('Minimo: ' + min);
        //... si chiama spread operator e può esssere usato anche 
        //per unire due array.
        let b = [1,2,3];
        let c = [4,5,6];
        let d = [...b, ...c];
        console.log(d);
    </script>
</body>
</html>

PARAMETRI DELLE FUNZIONI

Una funzione JavaScript non esegue alcun controllo sui valori dei parametri (argomenti). In precedenza, in questo tutorial,

hai appreso che le funzioni possono avere parametri:

function functionName(parameter1, parameter2, parameter3)

I parametri della funzione sono i nomi elencati nella definizione della funzione. Gli argomenti della funzione sono i valori reali passati (e ricevuti) dalla funzione.

REGOLE DEI PARAMETRI

Le definizioni delle funzioni JavaScript non specificano i tipi di dati per i parametri. Le funzioni JavaScript non eseguono il controllo del tipo sugli argomenti passati e non controllano il numero di argomenti ricevuti.

PARAMETRI DI DEFAULT

Se una funzione viene chiamata con argomenti mancanti (meno di quelli dichiarati), i valori mancanti sono impostati su undefined. A volte questo è accettabile, ma a volte è meglio assegnare un valore predefinito al parametro:

function myFunction(x, y)

ECMAScript 2015 consente i valori dei parametri predefiniti nella dichiarazione della funzione:

function myFunction(x, y = 2)

APPROFONDIMENTO DI ARGUMENTS OBJECT

Le funzioni JavaScript hanno un oggetto integrato chiamato arguments object. Esso contiene un array degli argomenti utilizzati quando la funzione è stata chiamata. In questo modo puoi semplicemente usare una funzione per trovare (ad esempio) il valore più alto in un elenco di numeri:

x = findMax(1, 123, 500, 115, 44, 88);

function findMax()

Altro esempio:

let x = sumAll(1, 123, 500, 115, 44, 88);

function sumAll()

Se una funzione viene chiamata con troppi argomenti (più di quelli dichiarati), questi argomenti possono essere raggiunti utilizzando arguments object.

IL LINGUAGGIO JAVASCRIPT

LINK AL CODICE SU GITHUB

GITHUB

I PARAMETRI DELLE FUNZIONI

ARGUMENTS, REST AND SPREAD