Все про модули в JavaScript. Как делать import и export. Пример с кодом

↓↓↓ Таймкоды и ссылки на код в описании под видео ↓↓↓

Модули в JavaScript. Разбираемся на простом примере. Подключение модулей, export default дефолтный экспорт по умолчанию, именованный экспорт named export, импорт дефолтных и именованных значений. Экспорт с переименованием, экспорт всех значений под один объект. JS modules.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт обучения: 05 Августа 2024 года.

Обучение с наставником, 3 месяца, результат, гарантия.
Старт обучения: 12 Августа 2024 года.

💻 Курс "Разработка сайтов на PHP + MySQL":
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.

🏁 Обучение с нуля
💁‍♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе

💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

ТАЙМ-КОДЫ:

00:00 Введение
00:16 Стартовый проект
00:51 Ремарка
01:12 Подключение файла как модуль
02:15 Экспорт по умолчанию (export default)
02:50 Импорт дефолтного значения
04:38 Экспорт именованных значений (named export)
05:32 Импорт именованных значений
06:15 Импорт нескольких именованных значений в одну строку
07:00 Импорт с переименованием (import as)
07:44 Импорт через *
09:17 Импорт в одну строку (default and named)
10:06 Экспорт при объявлении переменной
11:31 Переименование при экспорте (export as)
12:13 Рекомендация начинающим

КОД С УРОКА:

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

[pnnstmi]

Класс! Всё понятно, всё понравилось!!!

[unhappyPlayer]

Спасибо большое, ОЧЕНЬ сильно помогли!!

[varfolomeiq]

Спасибо, пригодилось. Нужно было массив перекинуть в другой файл.

[seyranchobanyan]

Зачем второй <script> если он через импорт подгружается все равно?

[gsmsqdk]

скажите а что за расширение вс кода в видео - которое подсвечивает текущую строку?

[fridbenz]

Хороший урок, однако, появилась проблема. При экспорте модулей браузер начинает нагло все кешировать и при изменении кода в модуле файл не меняется, поскольку читается из кеша. До этого я подключал JS через <script> и указывал там GET-параметр. А с экспортом так не работает и файлы постоянно кешируются. Есть способ избежать этого?

[u-kob]

Что-то я совсем не понял, зачем мне использовать эти импорты и экспорты, если я в один html-файл подключаю оба javascript-файла 🙂 При такой связки я и без импортов могу использовать переменные другого файла.