В чем моя ошибка при работе с объектами?

Question

[Alexander]

Когда вызываю объект, то значения не выводятся. Может синтаксическая ошибка?

Но если в объекте оставить 1 ключ, то значение вызывается. Не могу разобраться:(

Код: https://jsfiddle.net/75xqd1xg/

Answer 1

[Валерий]

Проблема в том, что:

1. Вы ключам задавали результат выполнения функций, а не сами функции;
2. Вы возвращали значения ключей, в то время как надо было вызывать функции.

Работающий вариант: https://jsfiddle.net/46par1r8/

Comments

[Alexander]

Спасибо, что разъяснили, теперь понял. Спасибо за вашу помощь:)

[Alexander]

Я вот только не понимаю вот этот синтаксис _ =>. Что он значит?

[Леонид Князев]

Alexander, Это Arrow functions

[Alexander]

я понял, но почему она тут применяется, а не просто obj.key? Вот этот момент не могу понять. Я только начал изучать js и такую работу с объектами еще не изучал.

[Валерий]

Alexander,

Когда вы пишите

let obj = {
  val1: document.querySelector('input[name=inputData]').setAttribute('class', 'bgred')
};

Вы создаёте объект obj, у которого поле val1 тут же равняется РЕЗУЛЬТАТУ выполнения document.querySelector('input[name=inputData]').setAttribute('class', 'bgred'), при этом при каждом обращении к obj.val1 вы просто получаете уже присвоенный единожды результат.

В этом случае

let obj = {
  val1: function () { document.querySelector('input[name=inputData]').setAttribute('class', 'bgred') }
};

Вы создаёте объект obj, у которого поле val1 содержит указатель на функцию function () { document.querySelector('input[name=inputData]').setAttribute('class', 'bgred') }. Соответственно, вы можете вызывать эту функцию когда вам необходимо таким образом: obj.val1();

А _ => тоже самое, что и () => и почти тоже самое, что function () {}, это из ecmascript 6, подробнее тут: https://habr.com/post/252323/

[Alexander]

Валерий, спасибо, достаточно понятно)))