деструктуризация объекта без var

Почему деструктуризация объекта вызывает ошибку, если varперед ним нет ключевого слова?

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

бросает SyntaxError: expected expression, got '='

Следующие три примера работают без проблем

var {a, b} = {a: 1, b: 2};
var [c, d] = [1, 2];
    [e, f] = [1, 2];

Дополнительный вопрос: почему нам не нужен varдля деструктуризации массива?

Я столкнулся с проблемой, делая что-то вроде

function () {
  var {a, b} = objectReturningFunction();

  // Now a and b are local variables in the function, right?
  // So why can't I assign values to them?

  {a, b} = objectReturningFunction();
}

Проблема возникает из-за того, что {...}операторы имеют несколько значений в JavaScript.

Когда {появляется в начале утверждения , он всегда представляет блок , которому нельзя назначить. Если он появится позже в Заявлении как выражение , то он будет представлять объект.

varПомогает сделать это различие, поскольку он не может следовать заявление , как будет группировка скобка :

( {a, b} = objectReturningFunction() );

Из их документов: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Assignment_without_declaration

Примечания: круглые скобки (...) вокруг оператора присваивания необходимы при использовании деструктурирующего присваивания литерала объекта без объявления.

{a, b} = {a: 1, b: 2} не является допустимым автономным синтаксисом, так как {a, b} слева считается блоком, а не литералом объекта.

Однако ({a, b} = {a: 1, b: 2}) допустимо, как и var {a, b} = {a: 1, b: 2}

Перед вашим (...) выражением должна стоять точка с запятой, иначе оно может использоваться для выполнения функции в предыдущей строке.

Если вы пишете Javascript без точек с запятой , то синтаксис «присвоение без объявления» должен начинаться с точки с запятой, чтобы он работал предсказуемо.

let a, b

;({a, b} = objectReturningFunction()) // <-- note the preceding ;

Просто хотел подчеркнуть это, поскольку это меня поймало, и, надеюсь, поможет другим сэкономить время, выясняя, почему это не работает и / или дает странные результаты с такими программами форматирования кода, как prettier.

В самом деле, это действительно прямо в принятом ответе (последняя строка процитированных документов), но его легко пропустить, особенно не видя примера!

Вот еще один способ:

let {} = {a, b} = objectReturningFunction()

Плюсы:

• Скобки не нужны
• Точки с запятой не нужны
• Дополнительное задание - это гарантированное бездействие (при условии, что не происходит никаких странностей)

Минусы:

• Выглядит немного странно, хотя, на мой взгляд, не более странно, чем !(){...}() IIFE .
• Может быть непонятно, почему это там. Он гарантированно сбивает людей с толку при первой встрече, поэтому я бы не советовал использовать его как разовое.