Aliases com desestruturação de JavaScript

A desestruturação em JavaScript mudou totalmente a forma como o JavaScript é escrito atualmente; o código é mais conciso para escrever, mas, do ponto de vista visual, a sintaxe da linguagem mudou muito. Qualquer bom desenvolvedor sabe, no entanto, que a mudança é a constante em que vivemos.

A ideia básica por trás da desestruturação em literais de objetos é a seguinte:

const obj = { x: 1 };

// Grabs obj.x as { x }
const { x } = obj;

Há casos em que você deseja que a variável desestruturada tenha um nome diferente do nome da propriedade; nesse caso, você usará um : newName para especificar um nome para a variável:

// Grabs obj.x as as { otherName }
const { x: otherName } = obj;

A sintaxe para especificar um nome desestruturado alternativo para uma propriedade de objeto é simples e necessária. A desestruturação tinha a capacidade de confundir os desenvolvedores, especialmente desestruturação de matriz e desestruturação de argumentos de funções, mas essa sintaxe de alias é um truque simples que o senhor deve ter em seu armário!