Немедленно вызванное функциональное выражение

( Немедленно вызываемое функциональное выражение или IIFE , произносится как «iffy», IPA /ˈɪf.i/) — это идиома языка программирования , которая создает лексическую область видимости с использованием области видимости функции . Он был популярен в JavaScript как метод поддержки модульного программирования до внедрения более стандартизированных решений, таких как модули CommonJS и ES .

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

Использование

Непосредственно вызываемые функциональные выражения могут быть записаны различными способами. Распространенным соглашением является заключение функционального выражения (и, при необходимости, оператора его вызова) с помощью оператора группировки: в скобках, чтобы явно указать синтаксическому анализатору ожидать выражения. В противном случае в большинстве ситуаций, когда парсер встречает function ключевое слово, он рассматривает его как объявление функции (оператор), а не как выражение функции.

(function () { /* ... */ })();
(function () { /* ... */ }());
(() => { /* ... */ })(); // With ES6 arrow functions (though parentheses only allowed on outside)

Существуют и другие способы принудительного применения функционального выражения:

!function () { /* ... */ }();
~function () { /* ... */ }();
-function () { /* ... */ }();
+function () { /* ... */ }();
void function () { /* ... */ }();
delete function () { /* ... */ }();
typeof function () { /* ... */ }();
await function () { /* ... */ }();

В контекстах, где ожидается выражение, заключение в круглые скобки не требуется:

let f = function () { /* ... */ }();
true && function () { /* ... */ }();
0, function () { /* ... */ }();

Передача переменных в область видимости осуществляется следующим образом:

(function(a, b) { /* ... */ })("hello", "world");

Начальная скобка — это один из случаев, когда автоматическая вставка точки с запятой (ASI) в JavaScript может вызвать проблемы; вместо этого выражение интерпретируется как вызов последнего термина в предыдущей строке. В некоторых стилях, в которых необязательные точки с запятой опущены, точка с запятой ставится перед скобками и называется защитной точкой с запятой . Например:

a = b + c
;(function () {
  // code
})();

...чтобы избежать анализа как c().

Примеры

Ключом к пониманию шаблонов проектирования, таких как IIFE, является осознание того, что до ES6 JavaScript имел только область видимости функции (поэтому отсутствовала область видимости блока ), передавая значения по ссылке внутри замыканий . Это уже не так, поскольку версия JavaScript для ES6 реализует область видимости блоков с использованием нового let и const ключевые слова.

Контекст оценки

Отсутствие области действия блока означает, что переменные, определенные внутри (например) цикла for, будут иметь свое определение, «поднятое» в начало включающей функции. Вычисление функции, которая зависит от переменных, измененных внешней функцией (в том числе путем итерации), может быть затруднено. Мы можем увидеть это без цикла, если обновим значение между определением и вызовом функции.

let v, getValue;
v = 1;
getValue = function () { return v; };
v = 2;

getValue(); // 2

Хотя результат может показаться очевидным при обновлении v вручную, это может привести к непредвиденным результатам, если getValue() определяется внутри цикла.

Далее функция переходит v в качестве аргумента и вызывается немедленно, сохраняя контекст выполнения внутренней функции.

let v, getValue;
v = 1;
getValue = (function (x) {
    return function () { return x; };
})(v);
v = 2;

getValue();  // 1

Это эквивалентно следующему коду:

let v, getValue;
v = 1;
function f(x) {
    return function () { return x; };
};
getValue = f(v);
v = 2;

getValue();  // 1

Установка частных переменных и методов доступа

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

// "counter" is a function that returns an object with properties, which in this case are functions.
let counter = (function () {
    let i = 0;

    return {
        get: function () {
            return i;
        },
        set: function (val) {
            i = val;
        },
        increment: function () {
            return ++i;
        }
    };
})();

// These calls access the function properties returned by "counter".
counter.get();       // 0
counter.set(3);
counter.increment(); // 4
counter.increment(); // 5

Если мы попытаемся получить доступ counter.i из глобального окружения, оно будет неопределенным, поскольку оно заключено в вызываемую функцию и не является свойством counter. Аналогично, если мы попытаемся получить доступ i, это приведет к ошибке, поскольку мы не объявили i в глобальной среде.

Терминология

Первоначально известная как «самоисполняющаяся анонимная функция», Бен Алман позже представил нынешний термин IIFE как более семантически точное название идиомы, вскоре после его обсуждения на comp.lang.javascript.

Примечательно, что немедленно вызываемые функции не обязательно должны быть анонимными по своей сути, а строгий режим ECMAScript   5 запрещает arguments.callee, что делает первоначальный термин неправильным .

См. также

• Стратегия оценки

Внешние ссылки

• «Функции и область действия функций» . Справочник Mozilla по JavaScript . Сеть разработчиков Mozilla . Проверено 4 февраля 2013 г.