Как подключить один JS файл внутри другого JS файла?

Оффтоп javascript
1

Помогите мне понять, как импортировать файлы в JavaScript

Я работаю над проектом и у меня возникла проблема. Мне необходимо использовать код из одного JavaScript файла в другом. В CSS есть полезная директива @import, которая позволяет подключать стили с разных файлов. Существует ли аналогичная возможность в JavaScript?

Вот пример, который я хочу реализовать:

// utils.js
function addNumbers(a, b) {
    return a + b;
}

function convertToUpperCase(text) {
    return text.toUpperCase();
}

// app.js
// Здесь мне нужно подключить utils.js
let sum = addNumbers(10, 20);
console.log(convertToUpperCase('привет мир'));

Какие современные способы решения этой задачи доступны?

2

Какую IDE используешь? В браузере работают ES6 модули с import/export - просто добавь type=“module” в script тег. В Node.js можешь использовать require() или ES6 модули. Что именно у тебя за ситуация?

3

В современном JS есть несколько способов. Самый популярный - ES6 модули. В utils.js добавь export перед функциями, а в app.js используй import { addNumbers, convertToUpperCase } from './utils.js'. Только не забудь в HTML указать type="module" для скрипта. Или можешь через require() если используешь Node.js, но для браузера модули лучше.

4

В utils.js добавь export перед функциями или в конце напиши export { addNumbers, convertToUpperCase }. В app.js используй import { addNumbers, convertToUpperCase } from ‘./utils.js’. И не забудь в HTML добавить type=“module” к тегу script, иначе браузер не поймет что это модуль.