Revelando os segredos das chaves em declarações de variáveis

A sintaxe var { ... } = ..., frequentemente encontrada em JavaScript documentos adicionais do SDK e Chrome Javascript podem inicialmente parecer desconcertantes. No entanto, representa um recurso poderoso conhecido como atribuição de desestruturação.

A atribuição de desestruturação permite a extração eficiente de valores de objetos e matrizes, atribuindo-os a variáveis ​​​​recém-declaradas usando sintaxe literal de objeto e matriz. Considere o seguinte exemplo:

var ascii = {
    a: 97,
    b: 98,
    c: 99
};

var {a, b, c} = ascii;

Este código efetivamente extrai propriedades específicas (a, b, c) do objeto ascii e cria variáveis ​​individuais para cada propriedade. Essa abordagem simplifica o código, eliminando a necessidade de atribuições repetitivas como:

var a = ascii.a;
var b = ascii.b;
var c = ascii.c;

Da mesma forma, você pode utilizar atribuição de desestruturação para matrizes, conforme ilustrado abaixo:

var ascii = [97, 98, 99];

var [a, b, c] = ascii;

Este código é equivalente ao seguinte:

var a = ascii[0];
var b = ascii[1];
var c = ascii[2];

Além disso, a atribuição de desestruturação permite renomear propriedades durante a extração. Por exemplo:

var ascii = {
    a: 97,
    b: 98,
    c: 99
};

var {a: A, b: B, c: C} = ascii;

Este código cria variáveis ​​A, B e C com valores correspondentes às propriedades a, b e c no objeto ascii.