14

Первый раз столкнувшись с замыканиями и не зная, что это такое, пробовал синтаксически понять, что происходит в коде вида: (function(){})(). Известно, что конструкция "()" - это вызов функции. Возникал вопрос по поводу первых круглых скобок

Позже, проникнувшись темой, вопрос первых круглых скобок меня волновать не перестал. Зачем они нужны, если без них всё работает?

При этом ни одного примера в статьях про замыкания без применения первых круглых скобок я не видел.

Классический пример замыкания в JavaScript:

buttons[i].onclick = (function(a){
    return  function(){ console.log(a);}
})(i)

без первых скобок:

buttons[i].onclick = function(a){
         return function(){ console.log(a);}
}(i)

Зачем во всех примерах эти, получается лишние, синтаксические элементы?

3 ответа 3

15

Ключевое слово function в js может употребляться в двух контекстах - это контекст объявления функции и контекст выражения, где это слово создает анонимную функцию.

Если строка начинается со слова function - то это объявление функции. С такой функцией нельзя ничего сразу же сделать (например, вызвать), кроме того, у нее должно быть имя.

function (a) { console.log(a) } (5) // Ошибка

Поэтому такую функцию во что-нибудь оборачивают:

+function (a) { console.log(a) } (5) // 5
!function (a) { console.log(a) } (5) // 5
~function (a) { console.log(a) } (5) // 5
(function (a) { console.log(a) }) (5) // 5
(function (a) { console.log(a) } (5)) // 5

Если же слово function стоит не в начале строки - то ничего делать и не надо, все будет прекрасно работать:

var a = function (a) { return 5 } (5)
4
  • 1
    контекст выражения, где это слово создает анонимную функцию. - не обязательно анонимную
    – Grundy
    17 янв 2016 в 14:22
  • Если строка начинается со слова function - то это объявление функции. - меня кстати недавно поправили с таким определением :-) тут лучше не строка, а statement, не знаю как получше перевести
    – Grundy
    16 мая 2016 в 14:09
  • @Grundy statement обычно переводят как "оператор". Но для данного языка это будет некорректно. Лучшее что я встречал - "логическая строка". 16 мая 2016 в 14:16
  • тут просто именно обычная строка не совсем корректно, например, ;function(){...} вроде то же строка не начинается со слова function, но видно, что будет исключение
    – Grundy
    16 мая 2016 в 14:29
2

Круглые скобки не обязательны, они лишь указывают что это не объявление функции, а выражение с функцией, которое надо вычислить прямо на месте, поэтому вот это всё работает:

(function(){alert(1);})()
(function(){alert(1);}())
!function(){alert(1);}()
+function(){alert(1);}()

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

5
  • а как еще может быть использована анонимная функция, если не через присваивание её при определении? (первые 2 строки вашего примера)
    – Max T
    17 янв 2016 в 14:12
  • @MaximTronenko, чтобы выполнить, то что находится в теле функции
    – Grundy
    17 янв 2016 в 14:13
  • @Grundy, зачем может понадобиться такой кусок кода вообще оформлять в виде функции?
    – Max T
    17 янв 2016 в 14:14
  • 1
    @MaximTronenko вот так например
    – Darth
    17 янв 2016 в 14:15
  • 2
    @MaximTronenko, чтобы внутренние локальные переменные не сохранялись в глобальной области видимости
    – Grundy
    17 янв 2016 в 14:16
2

Конструкции вида:

(function() {
  ...
})();

Это паттерн Immediately-invoked function expression. В JavaScript его принято использовать для разделения области видимости переменных - что бы случайно не наплодить глобальных переменных, которые впоследствии могут вызвать ошибки в других блоках кода.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.