Ну вот такой вот синтаксис в JS. Чтобы не было подобных вопросов надо хотя бы один учебник прочитать, например
learn.javascript.ru. Это займёт не так уж много времени.
// Это объявление объекта.
// В качестве ключа может выступать идентификатор или примитив (строка или число).
{
// Если для ключа вы используете строку в которой нет специальных символов,
// то строку можно не выделять кавычками:
key: 'value',
// А если они есть, то надо выделять:
'complex-key': 'some other value',
// Если не выделять, то при выполнении возникнет синтаксическая ошибка:
complex-key: 0,
// Строка без кавычек трактуется как идентификатор, то есть имя переменной.
// Следовательно, если не выделять value кавычками, то свойству key будет
// присвоено значение сохраненное в переменной value, если она существует:
key: value
}
PS: "не самый лучший подхолд конечно" - подход нормальный, только есть один нюанс: когда комьюнити тостера окончательно убедится в том, что вы даже не собираетесь использовать учебные материалы и планируете наводнить форум вопросами типа "нет времени читать учебник, объясните мне вот это", вам просто перестанут отвечать, а вопросы будут удалять.