JavaScript: object destructuring con gli argomenti delle funzioni

Short link

L'object destructuring può essere usato in JavaScript con gli argomenti delle funzioni.

Supponiamo di avere questo oggetto:


'use strict';

const post = {
   title: 'My Post',
   slug: 'my-post',
   excerpt: 'Lorem ipsum dolor sit amet.'
};

Creiamo una funzione per visualizzarne il titolo ed il riassunto.


'use strict';

const getPostInfo = post => {
    console.log(post.title, post.excerpt);
};

Usando invece l'object destructuring possiamo ottenere le proprietà che ci interessano come variabili nello scope della funzione.


'use strict';

const getPostInfo = ({ title, excerpt }) => {
    console.log(title, excerpt);
};

Si tratta di una soluzione molto semplice per rendere più conciso il nostro codice.

L'autore

Gabriele Romanato, sviluppatore web full stack specializzato in siti, applicativi web ed e-commerce con Node.js e PHP.