Какие способы организации кода были до появления модулей?

Прежде чем модули стали стандартом в JavaScript, разработчики использовали несколько подходов для организации кода:

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

// script1.js 
var myVar = 'Hello'; // script2.js 
console.log(myVar); // Hello

• Функциональные области видимости: Использование функций для создания локальных областей видимости, чтобы скрыть переменные от глобальной области видимости.

function myFunction() {
	var localVar = 'I am local'; 
} 
console.log(localVar); // Uncaught ReferenceError: localVar is not defined

• Объекты: Создание объектов для группировки связанных функций и данных. Однако это все еще не решало проблему управления зависимостями и конфликтами имен.

var myModule = {
	myVar: 'Hello',    
	myFunction: function() {
			console.log(this.myVar);    
	} 
};

• IIFE (Immediately Invoked Function Expression): Немедленно вызываемое функциональное выражение создает локальную область видимости, предотвращая загрязнение глобального пространства имен. Позволяет изолировать код и управлять зависимостями.

(function() {
	var name = 'Module';
	function greet() {
		console.log('Hello from ' + name);
	}
	greet(); // Hello from Module
})();

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