При работе с JavaScript принято организовывать код в несколько функций для лучшей читаемости и удобства сопровождения. Но как экспортировать несколько функций из файла? В этой статье мы рассмотрим несколько методов выполнения этой задачи, используя модули CommonJS и ECMAScript. Итак, хватайте свой любимый напиток и давайте окунемся в мир экспорта множества функций в JavaScript!
Метод 1: использование модуля.exports в CommonJS
Если вы работаете с Node.js или более ранними средами JavaScript, CommonJS — это широко используемая система модулей. Чтобы экспортировать несколько функций с помощью CommonJS, вы можете использовать объект module.exports. Вот пример:
// file: utils.js
function add(a, b) {
return a + b;
}
function subtract(a, b) {
return a - b;
}
module.exports = {
add,
subtract
};
В приведенном выше коде мы определяем две функции, addи subtract, и экспортируем их как свойства объекта module.exports. В другой файл вы можете импортировать эти функции следующим образом:
const { add, subtract } = require('./utils');
console.log(add(2, 3)); // Output: 5
console.log(subtract(5, 2)); // Output: 3
Метод 2: использование именованного экспорта в модулях ECMAScript
С появлением модулей ECMAScript (ESM) в современном JavaScript экспорт нескольких функций стал еще проще. Вот пример:
// file: utils.js
export function add(a, b) {
return a + b;
}
export function subtract(a, b) {
return a - b;
}
В приведенном выше коде мы используем ключевое слово exportдля экспорта каждой функции по отдельности. В другой файл вы можете импортировать эти функции следующим образом:
import { add, subtract } from './utils.js';
console.log(add(2, 3)); // Output: 5
console.log(subtract(5, 2)); // Output: 3
Метод 3: использование экспорта по умолчанию в модулях ECMAScript
Помимо именованного экспорта, модули ECMAScript также поддерживают экспорт по умолчанию. Вы можете экспортировать одну функцию в качестве экспорта по умолчанию и при этом экспортировать другие функции как именованные экспорты. Вот пример:
// file: utils.js
export default function add(a, b) {
return a + b;
}
export function subtract(a, b) {
return a - b;
}
В приведенном выше коде мы используем синтаксис export defaultдля экспорта функции addв качестве экспортируемой по умолчанию, в то время как функция subtractэкспортируется. как именованный экспорт. В другой файл вы можете импортировать экспорт по умолчанию следующим образом:
import add, { subtract } from './utils.js';
console.log(add(2, 3)); // Output: 5
console.log(subtract(5, 2)); // Output: 3
В этой статье мы рассмотрели различные методы экспорта нескольких функций в JavaScript. Независимо от того, используете ли вы модули CommonJS или ECMAScript, существуют различные способы достижения желаемого результата. Вы можете использовать объект module.exportsв CommonJS или ключевые слова exportи importв модулях ECMAScript. Организовав свой код в несколько функций и правильно их экспортировав, вы сможете создавать модульный и многократно используемый код.
Итак, приступайте к экспорту этих функций как профессионал!