Skip to main content
2 de 2
adicionou 428 caracteres ao conteúdo
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

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:

Sergio
  • 135,1mil
  • 16
  • 201
  • 294