JavaScript: object destructuring ed argomenti delle funzioni

L'object destructuring di JavaScript si rivela utile anche nella gestione degli argomenti delle funzioni.

Supponiamo di avere un oggetto come questo:


const product = {
    name: 'E-book',
    price: 12.50,
    description: 'E-book',
    salePrice: 12.00
};

Creiamo una funzione che mostra alcune proprietà dell'oggetto.


const displayProductInfo = prod => {
    console.log(`Name: ${product.name} Price: ${product.salePrice}`);
};

displayProductInfo(product);

Con l'object destructuring possiamo evitare di accedere ogni volta alle proprietà dell'oggetto e averle invece come variabili all'interno dello scope della funzione.


const displayProductInfo = ({name, salePrice}) => {
    console.log(`Name: ${name} Price: ${salePrice}`);
};

displayProductInfo(product);

Questo approccio si rivela essere molto pratico soprattutto con oggetti complessi.

Torna su