Доступ к JavaScript объект с помощью [] Обозначения

Question

В чем разница между ниже:

var ourDog = { 
    "name": "Camper" 
}; 

и

var ourDog = { 
    name: "Camper", 
}; 

И как это может вернуть Camper для ourDog["name"] в обоих случаях.

Есть ли какие-либо преобразования, происходящие за сценой, когда мы обращаемся к свойствам объекта с помощью записи []?

Answer 1

http://ecma-international.org/ecma-262/6.0/#sec-object-initializer

Имя свойства может быть только имя идентификатора (то есть идентификаторы + зарезервированных слов), строковым или числовой литерал.

вы не можете использовать числовой литерал с помощью точечной нотации, но скобки обозначения работы:

var ourDog = { 
    123: "Camper", 
}; 

Выход

ourDog[123] // Camper 

но

ourDog.123 // SyntaxError 

для получения дополнительной информации посмотрите в this

Answer 2

Имена объектов должны быть строками. Это означает, что нестроковые объекты не могут использоваться в качестве ключей в объекте. Любой не-строковый объект, в том числе ряд, является typecasted в строку с помощью метода ToString

var object = {}; 
object['1'] = 'value'; 
console.log(object[1]); 

Это выводит «значение», так как 1 typecasted в «1».

Пример от MDN

Answer 3

Проверить specs

PropertyDefinition: ИмяСвойства: ВыражениеПрисваивании

1. Возврат Имя_свойство из PropertyName.

Эта часть спецификации предлагает формальный синтаксис имени свойства с его значением.

Кроме того, перед тем, что this part of the spec предположить, что ИмениСвойства может быть literalPropertyName, которые не должны быть описаны в виде строки.

ИмяСвойства [Выход]:

LiteralPropertyName

ComputedPropertyName [?Выход]

LiteralPropertyName:

ИмяИдентификатора

СтроковойЛитерал

ЧисловойЛитерал

Именно поэтому вы получите тот же результат для обоих name d "name".

Однако, если имя свойства first name, то вам нужно использовать строку, иначе вы получите ошибку компиляции, поскольку после имени свойства ожидается двоеточие :.

//correct syntax 
var ourDog = { 
    "first name": "Camper" 
}; 

//incorrect syntax 
var ourDog = { 
    first name: "Camper" //since after first there is no colon so there will be compilation error 
};