Всем привет. В четвертом выпуске серии "Путешествие в центр JavaScript" о продвинутом js, мы продолжим тему IIFE. Постараюсь быть кратким :)
Для предыдущих трех статей вы можете проверить:
Путешествие в центр JavaScript — Эпизод 2: Подъем
Всем привет, во втором выпуске «Путешествие в центр JavaScript мы продолжим подъем. На этой неделе…tech.jotform.com»
Путешествие в центр JavaScript — Эпизод 3: Замыкание
Всем привет, в третьем выпуске «Путешествие в центр JavaScript мы продолжим с Замыканиями. Мы начали…caglayanyanikoglu.medium.com»
IIFE (выражение немедленно вызываемой функции)
IIFE — это функция, которая определяется и выполняется немедленно в той же строке кода. Основная цель IIFE — создать новую область действия в вашем коде, что может помочь избежать конфликтов имен и сделать ваш код более организованным.
В приведенном выше примере мы определяем анонимную функцию и сразу же вызываем ее с помощью круглых скобок в конце. Функция будет выполняться сразу же без вызова откуда-либо.
Итак, почему мы должны использовать IIFE, каковы преимущества?
Одним из преимуществ использования IIFE является то, что он может помочь предотвратить загрязнение глобального пространства имен. Другими словами, мы не можем получить доступ к функциональным переменным или функциям вне IIFE. Это может иметь решающее значение в некоторых сценариях работы с большими базами кода со многими разработчиками.
Кроме того, это снижает риск конфликтов имен и может упростить анализ вашего кода.
Позвольте мне попытаться привести пример из профессиональной жизни;
Допустим, вы разрабатываете веб-приложение со своей командой. Это приложение имеет функцию фильтрации, с помощью которой пользователи могут фильтровать большой набор данных по различным именам, датам, категориям и т. д.
Чтобы не засорять глобальное пространство имен переменными и функциями, связанными с фильтром, вы можете обернуть всю логику фильтра в IIFE. IIFE создает новую область для кода, связанного с фильтром, который отделяет его от других частей приложения.
В приведенном выше примере переменная data
и три функции фильтра определены внутри IIFE. Как я уже упоминал, эти переменные и функции в IIFE недоступны из-за пределов IIFE, что помогает предотвратить конфликты имен с другими частями приложения.
Подводить итоги
Использование IIFE помогает организовать код, связанный с фильтрами, и отделить его от других частей приложения, что упрощает его обслуживание и отладку.
Я буду продолжать писать статьи в #SundayTechMusings о продвинутом JavaScript и React. Если вы хотите получить больше контента, вы можете подписаться на меня :)
Увидимся на следующих #SundayTechMusings.