Почему моя функция работала, а потом просто перестала работать?

Question

[Айнур Ярулин]

Здравствуйте, вообщем написал функцию, которая отправляет сообщение в чат
по событию submit и нажатию Enter, она выглядела вот так:

['keydown', 'submit'].forEach(event => {
  const form = document.getElementById('form')
  form.addEventListener(event, function(e) {
    if (e.key == 'Enter' || event == 'submit') {
      // тут код, который отправляет сообщения
    }
  })
})

Мой код прекрасно работал и отправлял сообщения, но вдруг от радости я решил пойти поссать, вернулся,
а код перестал работать, то есть внутри if не работает даже console.log()

P.S: Пишет 'submit' на первой строке of undefined

Comments

[vasx3]

"просто" ничего не бывает. Значит, вы что-то пропустили, благо в js есть священный console.log

[Айнур Ярулин]

vasx3, да не, ничего не пропустил, наверное

Answer 1

[Алекс К]

По всей видимости что-то с окружающим кодом. Этот кусок чекнул - работает.

Еще на всякий случай - этот код внутри if у вас будет исполняться два раза, если на форме есть input поле и в нем будет нажат Enter. И один раз - если мышью нажать кнопку Submit.

Comments

[Айнур Ярулин]

Алекс К, только у меня почти нет окружающего кода, еще в консоли пишет:
Cannot read property 'submit' of undefined

[Айнур Ярулин]

Алекс К, если заменить submit на что нибудь другое, например dblclick, то
будет писать 'dblclick' of undefined

[Алекс К]

squadbrodyaga, где-то за пределами этого кода болтается обращение к "submit" свойству какого-то объекта, который является "undefined" и это кидает ошибку

[Алекс К]

squadbrodyaga, этот код чем-то компилируется или исполняется как есть?

[Айнур Ярулин]

Алекс К,
Не, это единственный submit в коде, еще как оказалось, если удалить этот submit
и оставить только 'keydown', то будет писать
'keydown' of undefined, вообщем какая-то аномалия получается

[Айнур Ярулин]

Алекс К, короче пишет undefined ко всему, что находится первым в массиве

[Фёдор]

Попробуйте через брейкпоинты в DevTools отследить последовательность вашего кода.

[Алекс К]

squadbrodyaga, причину искать нужно не в этом коде. код рабочий. откройте страницу и консоль и нажмите submit: https://jsfiddle.net/Lw4ed2t1/1/

[Айнур Ярулин]

Алекс К,

этот код чем-то компилируется или исполняется как есть?

Как есть, вроде, то есть я даже не знаю что такое компилируется))

[Алекс К]

squadbrodyaga, либо окружающий код, либо, возможно, компиляция кода, которая что-то ломает.

[Алекс К]

squadbrodyaga, под "компилируется" имел ввиду применение любых трансформаций к js перед тем как он попадает в браузер (например, использование webpack, babel, итд)

[Айнур Ярулин]

Алекс К, эм, я короче закомментировал весь код и всё стало работать, но
если написать в коде еще что нибудь, например к console.log(), то код перестаёт работать.

Тут тоже перестаёт работать, если написать где нибудь console.log()
https://jsfiddle.net/Lw4ed2t1/1/

[Айнур Ярулин]

Алекс К, проблему решил, надо было просто написать вот так:

const фывы = ['keydown', 'submit'].forEach(event => {
  // код
})

Answer 2

[Айнур Ярулин]

Короче хз, как всё работало раньше, но решил проблему вот так:

const фывы = ['keydown', 'submit'].forEach(event => {
  // код
})

типо надо в переменную запихнуть код

Comments

[Aetae]

;['keydown', 'submit'].forEach(event => {
  // код
})

полагаю тоже решит проблему.

Скорее всего у тебя перед ['keydown', 'submit'] идёт что-то, что может принять ['keydown', 'submit'] как обращение к объекту по ключу 'submit'.
Например:

func()

['keydown', 'submit'].forEach(event => { .. })

это на самом деле:

func()['keydown', 'submit'].forEach(event => { ... }) -> func()

-> func().submit.forEach(event => { ... })

[Айнур Ярулин]

Aetae, дааа, точняк, просто у меня фетиш не ставить точки с запятой в конце,
первый раз из-за этого получилась ошибка.