Зачем создавать самовызывающиеся функции, если существует возможность создания контекста с помощью фигурных скобок?

Самовызывающиеся функции (IIFE - Immediately Invoked Function Expression) служат для создания независимого лексическогоScope, предотвращая "засорение" глобального Scope и избегая конфликтов имен переменных. Фигурные скобки в обычных блоках кода (вне функций) в более старых версиях JavaScript (например, до ES6 с let и const) не создавали такого независимого Scope для переменных, объявленных с var.

Основные причины использования IIFE:

• ИзоляцияScope: Переменные и функции, объявленные внутри IIFE, не доступны извне.
• Конфиденциальность: Скрытие деталей реализации и предотвращение случайного изменения внутренних данных.
• Избегание конфликтов: Особенно при интеграции нескольких библиотек или скриптов, которые могут использовать одинаковые имена переменных.
• Замыкания: IIFE часто используются для создания замыканий, сохраняющих доступ к переменным из внешнего Scope после выполнения IIFE.

Пример использования IIFE для создания приватного Scope:

// IIFE
(function() {
  var privateVariable = "Я секрет";

  function privateFunction() {
    console.log(privateVariable);
  }

  // Доступ к приватным элементам только внутри IIFE
  privateFunction();
})();

// Попытка доступа извне вызовет ошибку или вернет undefined (в зависимости отstrict mode)
// console.log(privateVariable); // Ошибка

Пример обычного блока с var где Scope не изолирован:

// Обычный блок кода
{
  var publicVariable = "Я доступен извне";
}

console.log(publicVariable); // Выведет "Я доступен извне"

С появлением let и const в ES6 блоки кода, ограниченные фигурными скобками, начали создавать блочныеScope, что снизило необходимость использования IIFE solely для изоляции Scope в таких случаях. Однако IIFE по-прежнему полезны для создания замыканий и модульности, а также для выполнения кода сразу после объявления.

// Блочный Scope с let
{
  let privateToBlock = "Виден только здесь";
  console.log(privateToBlock);
}

// console.log(privateToBlock); // Ошибка