Как правильно вызывать функцию?

Question

[ForSureN1]

Добрый день, мучает вопрос. Как правильно и когда вызывать функцию, я делаю так, если сайт не одностраничный, то при добавлении событий на какой либо элемент, при не на ходе, будет выдаваться ошибка в консоли, поэтому я создаю функцию, и добавляю условие, по типу if("Элемент на определенной странице") { функция() }
Правильно ли это? Функции различного рода, по типу табов, аккордеонов и т.п.

Comments

[Сергей Соколов]

т.е. держите все функции для всех страниц в едином файле?
Почему бы не подгружать на каждую страницу только нужные ей функции?

[ForSureN1]

Сергей Соколов, Ну ведь подключение каждого файла это уже какая никакая нагрузка,

[artloveyou]

Тоже интересно, не на всех проектах функций много и иногда достаточно слить всё в один файл. Пока юзаю такой варик

document.addEventListener('DOMContentLoaded', function () {
    const elem = document.querySelector('.elem');
   if (elem) {
         ...
   }

[ForSureN1]

artloveyou, Да, вот именно так я и делаю

[Сергей Соколов]

Евгений Бабенко, неоднозначно: так при визите на одну страницу грузятся еще и ненужный объём скриптов.
Не знаю наверняка-лучшей практики для этого. Ещё вариант: прописать индивидуальные инициализаторы для каждой страницы и при её загрузке вызывать соответствеющий:

// общий script.js
function a() {...}
function b() {...}
function c() {...}

function init(pageId) {
  switch(pageId) {
    case 1:  // одна страница
      a();
      b();
      break;

    case 2: // другая
      a();
      break;

    case 3:
      c();
      b();
      break;
  }
}
// конец общего скрипта


// в HTML 2-й странице в конце:  <script>
init(2);
//  </script>

[wisgest]

при не на ходе

Каком ходе?

[ForSureN1]

wisgest, не дам соврать, всю ночь не покидала мысль как правильно написать данное словосочетание, так и не пришло в голову :(

Answer 1

[Арсений Матыцин]

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

Но вообще я бы рекомендовал либо отдельные сборки, либо фреймворки, в которых есть, как ленивая подгрузка, так и из коробки отрисовка и удаление элементов.