Что такое дефолтный/именованный экспорт в модулях JavaScript?

Модули в JavaScript позволяют структурировать код и управлять зависимостями. Существует два основных типа экспорта: дефолтный и именованный.

• Дефолтный экспорт: Позволяет экспортировать один объект, функцию или класс из модуля. При импорте этого модуля вы можете выбрать любое имя для импортированного значения.

// math.js 
export default function add(x, y) {
		return x + y; 
}

При импорте:

// app.js 
import myAddFunction from './math.js'; 
console.log(myAddFunction(5, 3)); // 8

• Именованный экспорт: Позволяет экспортировать несколько объектов, функций или классов. При импорте вам нужно использовать те же имена, что и при экспорте.

// math.js 
export function add(x, y) {
		return x + y; 
} 
export function subtract(x, y) {
		return x - y; 
}

При импорте:

// app.js 
import { add, subtract } from './math.js'; 
console.log(add(5, 3)); // 8 
console.log(subtract(5, 3)); // 2

Таким образом, дефолтный и именованный экспорт обеспечивают гибкость в организации и использовании модулей, что упрощает управление зависимостями и структуру кода.