Почему код со временем перестает работать, хотя раньше работал отлично?

Question

[VDone]

Добрый день, сделал свою игру. Залил её на гитхаб. Выложил проект на github page. Иногда заходил и играл в неё, всё было хорошо. Недавно зашёл, через несколько месяцев, а в консоли ошибки (скрин)


Я знаю, как исправить эти ошибки, не прошу решить их. Можете просто сказать из-за чего код, который работал раньше, со временем работает не так или вовсе перестает работать?

Comments

[WapSter]

Он по прежнему работает как и работал, судя по ошибке, просто не учел сценария, что на вход может поступить не только массив.

[VDone]

WapSter, спасибо. А можете сказать из-за чего такое может быть? Почему раньше он всегда приходил, а сейчас не пришёл?)

[WapSter]

VDone, по разному, апи внешней библиотеки поменялось, плагин для браузера модифицировал страницу. Да все, что угодно может произойти. Ищи причину делай выводы. Код со временем не меняется, если его вручную не изменили, повторюсь он работает так как и работал

[VDone]

WapSter, понял, спасибо)

Answer 1

[Aetae]

Вариантов много.
Самый вероятный(после банальной ошибки в твоём коде само собой): используется сторонняя библиотека получаемая извне без явной привязки к конкретной версии. Т.е.: обновилась библиотека, поменялся её интерфейс, код перестал работать.
Самый невероятный: с обновлением браузера изменилась какая-то мелочь в его интерпретации твоего кода. Такое практически исключено, разработчики бразуеров очень сильно пекутся об обратной совместимости.

Comments

[VDone]

Спасибо за ответ. Интересно то, что такая ошибка возникла только на хроме, в яндекс браузере, опере всё отлично работает. Раньше и в хроме всё хорошо работало. Код не трогал уже 2 месяца, писал код сам, библиотеки не использовал.

[VDone]

В одном из скриптов я использовал setTimeout с нулевой задержкой для того, чтобы скрипт увидел другой скрипт. Может быть дело в setTimeout?

[Aetae]

VDone, ну можно ещё вероятных вариантов накидать: например у тебя присутствует race condition, т.е. несколько асинхронных действий выполняются одновременно, и которое из них вернёт ответ первым доподлинно неизвестно, однако твой код ожидает определённого порядка. В старых версия хрома этот порядок соблюдался, а в новой сделали какую-то оптимизацию из-за которой одно из действий стало выполняться быстрее.(допустим скрипт из кэша быстрее стартует, чем на странице появится .board_table)

Но всё это гадания. У тебя есть отличный способ вот прямо сейчас найти отличия в поведении твоего кода, т.к. опера и яндекс - тот же хром в своей обёртке.)

[Aetae]

VDone, очень даже может, см выше.

[VDone]

Aetae, я вижу вы разбираетесь в теме. Если один скрипт у меня создаёт .board__table, а второй скрипт им управляет. То получается пока не загрузится первый скрипт, второму всё это время нужно ожидать. Как можно заменить setTimeout с нулевой задержкой? Можете скинуть про что мне нужно почитать, чтобы понять

[Aetae]

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

Но если говорить прям универсально, то можно использовать кастомное событие:

// тот скрипт, что создаёт .board__table
function setTableReady(detail) {
  const event = new CustomEvent('my-table:ready', { detail });
  window.myTableReady = event;
	window.dispatchEvent(event);
}

// когда таблица готова к использованию
setTableReady();

// тот скрипт, что работает с .board__table
function onTableReady(callback) {
  if (window.myTableReady)
    callback(window.myTableReady);
  else
    window.addEventListener('my-table:ready', callback, { once: true });
}

onTableReady(() => {
  // точка входа запускающая весь код
});

Так порядок будет не важен в принципе.

Если скрипт чужой и не представляет ни возможностей для изменения, ни внешних интерфейсов, то можно использовать MutationObserver для слежения за появлением самого элемента на странице. Но это уже так себе хак.

[VDone]

Aetae, большое спасибо)