¿Utiliza una matriz asociativa como nombre de variable? - javascript

Question

Estaba buscando a través de un código de una extensión de Firefox (aquí: https://github.com/mozilla/prospector/blob/master/oneLiner/bootstrap.js#L34) y vi algo que nunca había visto en javascript. El programador ha usado una matriz asociativa como el nombre de la variable. ¿Podría alguien explicarme cómo funciona esta referencia variable?

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

entiendo la "const" de la lectura de esta página: https://developer.mozilla.org/en/JavaScript/Reference/Statements/const

Pero cómo es capaz de utilizar un objeto array asociativo como nombre de variable?

Además, parece estar utilizando nombres clave en la matriz asociativa como referencias a los métodos de los componentes (enumerados aquí: https://developer.mozilla.org/en/Components_object). Siempre pensé que un nombre de clave tenía que ir primero y luego el valor, pero esto parece poner primero el valor de la referencia al método de clases de Componentes y luego asignarlo a un nombre de Cc aunque Cc está en el lugar donde un valor iría (y Ci para el método de interfaces de componentes & Cu para el método Utils de componentes).

Answer 1

Lo que está viendo es una asignación desestructurada, que está disponible desde el Javascript 1,7 ver esta documentación para obtener más información https://developer.mozilla.org/en/JavaScript/New_in_JavaScript/1.7

asignación desestructurada hace posible extraer datos de las matrices u objetos utilizando una sintaxis que los espejos la construcción de los literales de objeto array y . Las expresiones literales objeto y matriz proporcionan una manera fácil de crear paquetes de datos ad-hoc. Una vez que haya creado estos paquetes de datos , puede usarlos de la forma que desee. Incluso puede devolverlos desde las funciones.

Answer 2

Sí, mira esto:

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

Parece que un montón de diversión, especialmente para la persona que está leyendo el código :)