Tarefa de desestruturação: descobrindo o significado dos colchetes no lado esquerdo da atribuição de variável

Em JavaScript, encontrar colchetes no lado esquerdo de uma atribuição de variável pode parecer desconcertante. Para decifrar as implicações dessa sintaxe, nos aventuramos no domínio da desestruturação da atribuição.

Sintaxe e operação

Desestruturação da atribuição, um recurso introduzido no JavaScript 1.7 e ECMAScript 6 , nos permite descompactar valores de arrays ou objetos em variáveis ​​distintas. Sua sintaxe é semelhante a:

[variable1, variable2, variable3] = [value1, value2, value3];

No código de exemplo:

[ a, b, c ] = myList;

os colchetes no lado esquerdo representam atribuição de desestruturação. Ele atribui os valores na matriz myList às variáveis ​​a, b e c.

Browser Support

Apesar de funcionar perfeitamente no Opera 10.30 e no Firefox 3.6.x, a atribuição de desestruturação não é suportada no Opera 10.60 e no Chrome. Essa inconsistência é atribuída ao fato de que a atribuição de desestruturação não faz parte do ECMAScript 5.

Conformidade com o padrão ECMAScript

Conforme verificado pela referência vinculada, a atribuição de desestruturação não é compatível com ECMAScript 5. Foi introduzido como um recurso no JavaScript 1.7 e posteriormente formalizado no ECMAScript 6.

Conclusão

Atribuição de desestruturação, simbolizada por colchetes à esquerda- lado da atribuição de variáveis, fornece uma maneira concisa de descompactar valores de matrizes ou objetos. No entanto, seu suporte entre navegadores é limitado devido à sua ausência no ECMAScript 5.