Наличие точки с запятой после синтаксиса расширения jn javascript прерывает выполнение с ошибкой «Неожиданный токен =»

Question

Может кто-нибудь объяснить мне, почему

const getabc = ()=> ({a:'aa',b:'bb',c:123});
let a, b, c;
{ a, b, c } = {...getabc()}

это работает

и

const getabc = ()=> ({a:'aa',b:'bb',c:123});
let a, b, c;
{ a, b, c } = {...getabc()};

это не так (обратите внимание на точку с запятой в конце)

Answer 1

Это не имеет ничего общего с синтаксисом расширения или точками с запятой.

Назначениям деструктуризации объектов, которым не предшествует что-то вроде var, const или let, должны использоваться скобки (или в некоторых другихпроисходит как выражение внутри более крупного оператора, содержащего его), потому что в противном случае JS будет анализировать открывающую фигурную скобку как начало блока:

const getabc = ()=>({a:'aa',b:'bb',c:123});
let a, b, c;
({ a, b, c } = {...getabc()});

В то же время здесь нет смысла использовать синтаксис разброса, поэтому вы можете удалить это:

const getabc = ()=>({a:'aa',b:'bb',c:123});
let a, b, c;
({ a, b, c } = getabc());

Answer 2

Вы пропустили круглые скобки согласно документации MDN :

Переменной может быть присвоено ее значение с деструктуризацией отдельно от его декларация.

var a, b;

({a, b} = {a: 1, b: 2});

const getabc = ()=>({a:'aa',b:'bb',c:123});
let a, b, c;
({ a, b, c } = {...getabc()});
console.log(a,b,c);

Я предполагаю, что первая ошибка в реализации Chrome, поскольку Firefox выдает ошибку.

Chrome

Firefox