Синтаксис деструкции объекта - ES6

Question

Я прошел через синтаксис деструктурирования массива, который хорошо понятен.

Что именно мы делаем ниже, когда говорим var {p, q} = o;?

Is p и q в var {p, q} различной от свойств o, т.е. 'p' и 'q'? Если да,

Почему var {a, b} = o; не работает?

> var o = {p: 42, q: true}; 
    undefined 
> p 
    ReferenceError: p is not defined 
> q 
    ReferenceError: q is not defined 
> o['p'] 
    42 
> o['q'] 
    true 
> var {p, q} = o; 
    undefined 
> p 
    42 
> q 
    true 
> var {a, b} = o; 
    undefined 
> a 
    undefined 
> b 
    undefined 

* Примечание: Я узнал, что ключи словаря являются строковых литералов в JavaScript *

Answer 1

var o = {p: 42, q: true}; 
    var {p, q} = o; 

Здесь var {p,q} = o просто сокращение для var {p:p , q:q} = o

Рассмотрим это.

 var o = { key : "value" }; 
     var { key : local_var } = o ; 
     local_var === o["key"] // true 

Если опустить local_var и написать var {key} = o; новая переменная ключ будет создан с «ключом» idenifier., Так же, как делают var key = o["key"]

Таким образом, в вашем примере, что это как делать

 var p = o["p"] ; //42 
     var q = o["q"]; //true 
     var a = o["a"]; // undefined 
     var b = o["b"]; //undefined 

Это может быть не совсем так, но должно помочь вам разобраться.
Это что-то вроде шаблона, соответствующего другим языкам, но это другое.

Answer 2

Это потому, что, используя синтаксис для объекта разрушающих, имена, используемые в выражении LHS ({a, b}) используются. как ключи в выражение RHS (o). Поскольку a и b не являются объектами o, это не работает (возвращается undefined).

Соответствующий раздел в спецификации для этого находится в Runtime Semantics: DestructingAssignmentEvaluation под AssignmentProperty: Инициализатор идентификации Идентификатор (второй от последнего). AssignmentProperty - ваши a (и b ... отдельно), и. StringValue a - 'a' и используется в качестве ключа для получения значения от o (эквивалент o['a'] в этом случае).

Это будет работать, если вы могли бы сделать:

var {p:a, q:b} = o; 

который использует AssignmentProperty: PropertyName: AssignmentElement (последняя запись), которая использует имя Собственость (p) и элемент присваивания (a).