Isso é uma tecnologia nova chamada destructuring assignment e que na prática é um atalho para declarar variáveis com o mesmo nome do que uma propriedade de um objeto, ou em arrays declarar indexando à posição de uma array.
Por exemplo:
var obj = {
foo: 20,
bar: 50
};
const {foo} = obj;
console.log(foo);
é um atalho de
const foo = obj.foo;
Isto é prático e pode ser usado em mais do que um de cada vez:
const {foo, bar} = obj;
que é mesmo que
const foo = obj.foo;
const bar = obj.bar;
Isto também pode ser feito em arrays, neste caso importam-se as posições da array:
var arr = [0, 5, 10];
const [primeiro, segundo] = arr;
console.log(primeiro, segundo); // 0, 5
que é o mesmo que:
var primeiro = arr[0];
var segundo = arr[1];
Outra maneira bem útil é em argumentos de funções:
var Ana = {
nome: 'Ana',
idade: 34
}
function info({nome,idade}) {
console.log(`Pessoa: ${nome}, Idade: ${idade}`);
}
info(Ana); // Pessoa: Ana, Idade: 34
Notas:
- Exemplo: http://www.es6fiddle.net/iq15pxd4/
- esta tecnologia pode ser usada em
const
,var
ou ,let
,import
ou em argumentos de funções.