IIFE - IIFE означает выражение немедленно вызываемой функции.

Это шаблон дизайна, названный Самозаполняющаяся анонимная функция согласно сообществу MDN. IIFE также называются самовызывающимися функциями.

Примечание. Есть много способов определить и использовать IIFE. Для простоты и лучшего понимания приводятся только ссылки на стандартные или наиболее разработанные способы.

IIFE можно записать двумя способами.

  1. Традиционный

2. Современные

Стиль IIFE - выбор исключительно разработчика.

IIFE в действии

Еще один особенный момент, на который следует обратить внимание, - это IIFE, которые не поднимаются средой выполнения javascript.

Анализ IIFE:

Два примечательных элемента IIFE - это II и FE.

II - запускается немедленно

Функции этого типа немедленно выполняются, как только они монтируются в среду выполнения javascript. Синтаксис: открывающая скобка ( и закрывающая скобка ) в конце выражения функции.

FE - Выражение функции

Функции Javascript следует использовать как выражение. Это может быть достигнуто указанными ниже способами.

Назначить функцию переменной

Оберните всю функцию открытым и закрытым парантезом

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

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

  1. IIFE не загрязняет глобальный масштаб
  2. Создает эффект закрытия для локальных (частных) переменных
  3. Псевдонимы для переменных.

Предотвращает загрязнение во всем мире:

Создает эффект закрытия:

Псевдоним переменной

Здесь $ и myTempJquery - две независимые переменные. Это можно использовать для реализации различных эффектов jQuery для одного и того же элемента (возможно).