IIFE: что это такое и для чего нужно?

IIFE (Immediately Invoked Function Expressions) - это функции, которые вызываются сразу после их определения. Они могут принимать аргументы и возвращать значения так же, как и обычные функции. Одно из основных преимуществ IIFE - это то, что они позволяют изолировать область видимости и помогают избежать переопределения переменных из-за многочисленных скриптов на странице.

Рассмотрим пример использования IIFE для создания области видимости. Предположим, у нас есть страница с несколькими скриптами, которые используют одну и ту же переменную "count". Если мы не защитим переменную "count" в области видимости, то в процессе выполнения скриптов возможно будет его переопределение, что может привести к ошибкам. Чтобы избежать этого, мы можем использовать IIFE следующим образом:

js
(function() {
  var count = 0;
  document.getElementById("button").addEventListener("click", function() {
    count++;
    console.log(count);
  });
})();

Здесь мы определяем анонимную функцию, которая вызывается сразу же после ее определения, и она создает свою собственную область видимости. Переменная "count" определена внутри этой области видимости, и мы добавляем обработчик события на кнопке, который инкрементирует эту переменную при каждом клике и выводит результат в консоль.

Использование IIFE также может быть полезно при создании модульной структуры приложения. Модуль - это независимый блок кода, который предоставляет определенную функциональность. Мы можем создать модуль, определяющий свою собственную область видимости и экспортирующий только необходимые функции, переменные и объекты. Это помогает избежать конфликтов имен и сохраняет чистоту кода.

js
var MyModule = (function(){
  var privateVar = "Hello World";
  var privateFunc = function(){
    console.log(privateVar);
  };
  return {
    publicFunc: function(){
      privateFunc();
    }
  };
})();
MyModule.publicFunc(); // "Hello World"

Здесь мы создаем IIFE, которая определяет приватную переменную и функцию. Затем мы экспортируем только одну публичную функцию "publicFunc" для использования извне. Эта функция вызывает приватную функцию "privateFunc" и выводит сообщение в консоль. Таким образом, мы создали модуль, который имеет свою собственную область видимости и может быть использован в других частях приложения без опасности переопределения переменных или функций.

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