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

Оффтоп javascript
1

Подскажите, как правильно импортировать JS файл в другой JS файл?

Нужно загрузить функции из одного скрипта в другой. В CSS есть директива @import для подключения стилей, а как это делается в JavaScript?

Вот пример того, что я пытаюсь сделать:

// utils.js
function вычислитьСумму(a, b) {
    return a + b;
}

function отформатироватьЧисло(num) {
    return num.toFixed(2);
}

// main.js
// Как тут подключить функции из utils.js?
let результат = вычислитьСумму(10, 20);
console.log(отформатироватьЧисло(результат));

Какие есть способы решить эту задачу? Работаю с обычным JavaScript без фреймворков.

2

Если хочешь поддерживать старые браузеры, можно воспользоваться script с атрибутом src. А для ES6 модулей в utils.js добавь export перед функциями, тогда в main.js используй import. Не забудь указать type="module" в HTML.

3

Используй ES6 модули - это самый простой способ. В utils.js добавь export перед функциями: export function вычислитьСумму(a, b) {...}. В main.js импортируй: import { вычислитьСумму, отформатироватьЧисло } from './utils.js'. В HTML не забудь type="module" для скрипта. Всё, функции будут работать между файлами.

4

Можешь ещё через require(), если в Node.js работаешь. В utils.js добавь module.exports = { вычислитьСумму, отформатироватьЧисло };, а в main.js — const { вычислитьСумму, отформатироватьЧисло } = require('./utils.js');. Только учти — это работает только в Node, для браузера нужны ES6 модули.