diferencias - Javascript(ES6) const con llaves(duplicado)

javascript var const let

Question

Esta pregunta ya tiene una respuesta aquí:

• Notación de paréntesis de objeto Javascript ({Navigation} =) en el lado izquierdo de asignar 4 respuestas

Soy nuevo en ECMAScript 6, y al intentar aprender Ember, he visto el siguiente estilo de código ocasionalmente:

const {
  abc,
  def
} = Object;

He buscado en Google y en muchos sitios explicando las nuevas especificaciones de ES6. Sé que esta no es la implementación actual, porque mi consola da un error cuando ingreso eso.

¿Qué significa este código?

ACTUALIZAR

Pegué este fragmento en el transpilador de Babel , y esto es lo que devolvió:

"use strict";

var abc = Object.abc;
var def = Object.def;

Todavía estoy confundido sobre lo que esto está tratando de lograr.

Answer 1

Es una tarea de desestructuración de ES2015.

Puede ser útil verlo reescrito de una manera más detallada.

const abc = Object.abc;
const def = Object.def;

Es una forma sintéticamente corta de extraer propiedades de objetos, en variables.

// you can rewrite this
const name = app.name;
const version = app.version;
const type = app.type;

// as this
const { name, version, type } = app;

Los proveedores de navegadores todavía están implementando la especificación ES2015, por lo que probablemente no funcionó en su navegador.

Sin embargo, hay un proyecto llamado Babel que le permite convertir futuras especificaciones de Javascript en ES5. Puede probar el código ES2015 en su REPL .