Задать вопрос
@vetalmatitskiy
testing engineer
javascript

Как понять фрагмент кода вида (function(){}()) на js?

Как понять фрагмент кода вида (function(){}())
Доброго дня, уважаемые js-гуру
анализируя api одной из библиотек в примере обнаружил конструкцию вида:

(function(d, s, id){
    op1;
    op2;
   ...
}(document, 'script', 'jssdk'));

подскажите, пожалуйста, что вообще происходит здесь, зачем скобки оборачивают определение функции и что за последовательность в конце "(document, 'script', 'jssdk')"
и вопрос более общего плана, есть ли инструменты которые помогают понять зашифрованные конструкции подобного вида?
  • Вопрос задан
  • 2837 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 5
TekVanDo
@TekVanDo
Javascript Developer
(function(){})() - сразу же вызывает функцию, т.е. код эквивалентен:
(function(ss,mm){
    console.log(ss,mm);
})("привет","мир");

function test(ss,mm){
    console.log(ss,mm);
}

test("привет","мир");
Ответ написан
Комментировать
Комментировать
myrslok
@myrslok
Это называется immediately-invoked function expression, смысл в том, что в JavaScript функции создают область видимости, а блоки не создают со всеми вытекающими последствиями. Кстати, если непонятно, что это за последствия, возможно, вам стоит ознакомиться с областями видимости (англ. -- scope) подробнее. Вкратце можно посмотреть по ссылке, но вообще это очень важная тема.
Ответ написан
3 комментария
3 комментария
@Yaruson
Если не ошибаюсь, это просто безымянная функция с вызовом. Можно прочитать как
function fx(d, s, id) { ... }
fx(document, 'script', 'jssdk');

Насколько я понимаю, такой приём используется чтобы завернуть переменные в область видимости, так как в js единственная область – функция. Знающие люди, поправьте меня пожалуйста, если не прав :-)
Ответ написан
Комментировать
Комментировать
Oogway
@Oogway
Могу добавить, что скобки оборачивающие функцию нужны для того, чтобы интерпретатор воспринимал ее как выражение, вторая пара скобок это выражение вызова.
(function($) {
  /* code */
} (jQuery))

Можно встретить такую запись:
(function($) {
  /* code */
} )(jQuery)

Или:
!function($) {
  /* code */
}(jQuery)

Ну и другие унарные операторы: ~, +,- если функция ничего не возвращает. Также можно использовать выражение приставания. В качестве параметров обычно передают ссылки на глобальные объекты window, jQuery и др
Ответ написан
2 комментария
2 комментария
@Bhudh
Это не определение функции.
Это функция-выражение с немедленным вызовом.
Последовательность в конце — обычные параметры при вызове.
Инструменты, которые помогают понять, есть. Книги по синтаксису JavaScript, например.
Лучше всего Дугласа Крокфорда и Дэвида Флэнагана.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Скрыть / убрать лишние поля в форме заказа
19 апр. 2024, в 07:30
1500 руб./в час
Взлом автомобильной программы
19 апр. 2024, в 05:01
999999 руб./за проект
Доработать телеграм бота
19 апр. 2024, в 03:52
1000 руб./за проект
Ещё заказы