5

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

jQuery(function() {
  console.log(document === this) // true
  var testVar = 123;
})
typeof testVar; //undefined
typeof document.testVar; //undefined

Моя переменная testVar нигде не появляется (имею ввиду что насколько я понимаю контекстом функции является объект document, но после задания преременной testVar и отрабатывания функции в объекте document не появляется новая переменная).

Вопрос: имеется ли в самовызывающихся функциях внутри jQuery(function() {}) какой нибудь смысл?

8
  • 3
    Да. Функция в js является scope'ом переменных. Таким образом, она нужна, чтобы объявлять локальные переменные. Надеюсь, смысл локальных переменных очевиден?
    – VladD
    23 июн 2014 в 22:36
  • Насколько я понимаю чтобы не вызывать конфликта имен в глобальном объекте?
    – arzzzen
    23 июн 2014 в 22:42
  • вот пример: for (var i=0;i<100;i++) { (function(i){ setTimeout(function() { console.log(i); },100); })(i);} попробуйте это сделать без замыкания.
    – zb'
    23 июн 2014 в 22:44
  • @arzzzen, в том числе
    – etki
    23 июн 2014 в 22:45
  • 1
    Функция в этом примере не вызывается, а объявляется и передается как объект. Дело не только в области видимости. Дело в том, что она может быть вызвана асинхронно (в данном случае будет вызвана, когда сработает событие document.onload). Собственно даже если эти переменные объявить в верхней области видимости. var testVar; jQuery(function() { console.log(document === this) // true testVar = 123; }) typeof testVar; //undefined typeof document.testVar; //undefined Они все равно будут undefined. Потому как на момент срабатывания typeof функция еще не будет вызвана. 31 мар 2015 в 15:46

2 ответа 2

4

jQuery(function() {}) или $(function(){}) функция сработает после загрузки DOM дерева. Обычно манипуляция с элементами DOM дерева делается после загрузки всей страницы. Этот код:

typeof testVar; //undefined
typeof document.testVar; //undefined

сработает раньше этого кода:

jQuery(function() {
  console.log(document === this) // true
  var testVar = 123;
}) 

Переменная var testVar = 123;будет видна только у функции которой она била объявлена, если сделать так window.testVar = 123; она будет доступна в глобальной области видимости.

Пример:

<html>
<head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
        jQuery(function () {
            console.log(document === this) // true

            window.testVar = 123;
            t()
        });

        var t = function () {
            console.log(typeof testVar); 
            console.log(document.testVar); 
        };
    </script>
</head>
<body>
</body>
</html>
3

имеется ли в самовызывающихся функциях внутри jQuery(function() {}) какой нибудь смысл?

Они ну никак не самовызывающиеся. Где ты скобки вызва нашёл?

Эти функции передаются в jQuery, который их вызывает, когда загрузится документ.

3
  • "для чего нужны самовызывающиеся функции внутри jQuery(function() {})?" - я ведь и не писал что сама передаваемая в jQuery функция самовызывающаяся.
    – arzzzen
    28 июн 2015 в 15:48
  • @arzzzen, там нет ни одной самовызывающейся.
    – Qwertiy
    28 июн 2015 в 16:08
  • Если вы перечитаете мой вопрос и комментарии к нему я думаю вы поймете о чем шла речь. Ответ я уже получил.
    – arzzzen
    29 июн 2015 в 18:08

Ваш ответ

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

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