Utilizzo di un array associativo come nome di variabile? - javascript

Question

Stavo guardando attraverso il codice da un'estensione per Firefox (qui: https://github.com/mozilla/prospector/blob/master/oneLiner/bootstrap.js#L34) e ho visto qualcosa che non avevo mai visto prima in javascript. Il programmatore ha usato un array associativo come nome della variabile. Qualcuno potrebbe spiegarmi come funziona questo riferimento alle variabili?

const {classes: Cc, interfaces: Ci, utils: Cu} = Components; 

Capisco la "const" dalla lettura di questa pagina: https://developer.mozilla.org/en/JavaScript/Reference/Statements/const

ma come è in grado di utilizzare un oggetto array associativo come un nome di variabile?

Inoltre, sembra che si stiano utilizzando i nomi dei tasti nell'array associativo come riferimenti ai metodi Components (elencati qui: https://developer.mozilla.org/en/Components_object). Ho sempre pensato che fosse necessario prima il nome di una chiave e poi il valore, ma questo sembra mettere il valore del riferimento al metodo delle classi Components prima e poi assegnarlo a un nome di Cc anche se Cc è nel punto in cui un valore andrebbe (e metodo Ci per le interfacce componenti metodo & Cu per componenti utils).

Answer 1

Quello che state vedendo è un assegnamento destrutturato, è disponibile dal JavaScript 1.7 vedere questa documentazione per ulteriori informazioni https://developer.mozilla.org/en/JavaScript/New_in_JavaScript/1.7

assegnamento destrutturato consente di estrarre dati da array o oggetti utilizzando una sintassi che gli specchi la costruzione di array e letterali dell'oggetto . Le espressioni letterali dell'oggetto e dell'array forniscono un modo semplice per creare pacchetti di dati ad-hoc. Dopo aver creato questi pacchetti di dati , puoi utilizzarli come preferisci. È anche possibile restituirli dalle funzioni.

Answer 2

Sì, check this out:

var abc = {classes: "ABC", interfaces: "DEF", utils: "XYZ"}; 
const {classes: Cc, interfaces: Ci, utils: Cu} = abc; 
console.debug("test: ", Cc, Ci, Cu); 

Sembra un sacco di divertimento, soprattutto per quello che sta leggendo il codice :)