Модульний JavaScript: Написання Перевикористовуваного та Легко Обслуговуваного Коду
Розділ 8: Розгадування магії модульного JavaScript: Створення переадаптованого та підтримуваного коду
Коли-небудь задавались питанням, як Великий Гудіні впорався з усіма цими складними магічними трюками? Він не використовував справжню магію, а розбивав свої трюки на легкі для розуміння та керовані частини. Ось де справжня магія модулярності! У світі програмування ми посипаємо цю магію на наші JavaScript-коди для керованості та перевикористовуваності. Через цей розділ ми прагнемо перетворити вас з новачка в JavaScript на майстра в області модульного JavaScript.
“Використовуйте потужність модульності за допомогою модульного JavaScript.”
Що таке модульний JavaScript?
Модульний JavaScript передбачає відокремлення вашого коду на різні менші, перевикористовувані модулі. Уявіть, як тисячі рядків коду ущільнюються в одному файлі JavaScript. Страшно, чи не так? За допомогою модульного JavaScript ми можемо організовано розділити наш код на сотні малих файлів для простоти та розуміння. Це схоже на організацію робочого столу вашого комп’ютера; ви не захочете накладати всі файли на екран робочого столу, чи не так? Замість цього ви створили б різні папки для зображень, відео, документів, сміючись над хаосом людини-маніяка, яка цього не робить.
Переваги модульного JavaScript
Програмування на JavaScript без використання сили модульності – це як перегляд комедійного шоу без сміху – безглуздо та марно! Ось де деякі кумедні переваги модульного JavaScript:
Перевикористовуваність
Це схоже на використання одного жарту на різних вечірках (не хвилюйтеся, ми не розкажемо!). Як тільки ви створили модуль, ви можете відтягнути його в будь-яку частину вашого проекту або взагалі в інший проект. Будьте впевнені, що такий вид плагіату прийнятний у світі кодування!
Підтримуваність
Чи намагалися ви коли-небудь знайти певний одяг в неорганізованому гардеробі? Так само, як копання в не-модульному коді JavaScript. Розділяючи код на модулі, ви можете легко виявляти проблеми і оновлювати окремі модулі без турбот про інші – схоже на те, як знаходити червону футболку у шухляді “Червоні”.
Написання модульного JavaScript-коду
Ви не зможете приготувати торт, якщо не правильно змішаєте інгредієнти. Точно так само ви не зможете написати модульний JavaScript, якщо не розумієте основні “інгредієнти” – “Імпорт” та “Експорт”.
Імпортування та Експортування модулів
Терміни досить зрозумілі. Експортування модуля – це як упакувати свій комедійний талант і взяти його на шоу. Імпортування, з іншого боку, це як перегляд іншого коміка по телевізору (або реплікація їх жартів – ми обіцяємо, це останній жарт про плагіат!).
Підсумок!
Розкриття потужності модульності в JavaScript не тільки заощаджує вам нервово-напружені години на відстеження помилок та оновлення коду, але також дає вам суперсилу перевикористовування коду. В суті, модульний JavaScript – це заслужене оновлення для життя кожного програміста.
Пам’ятайте, так само як усі порції їжі не вміщуються в одну ланчбокс, так і не всі коди поміщаються в один файл. Прийміть модульність, бережіть розум!
Наступний розділ: Розділ 9 – Розшифрування кохання між HTML та JavaScript: Всі тонкощі маніпулювання DOM.
