Отличаются ли данные конструкции (function( ) {} ); и в jquery $(function() {} );?

Question

[Senseich]

Помогите разобраться, немного запутался. Данные конструкции отличаются или выполняют одно и тоже

(function( ) {} ); и в jquery $(function() {} );

Я знаю, что в jquery $(function() {} ); выполняется после загрузки страницы, а вот вторая (function( ) {} ); выполняется так же после загрузки страницы или нет?

Comments

[Lynn «Кофеман»]

Вторая не выполняется вообще

[Senseich]

Возможно я напутал, вот я про эту функцию:

<script type="text/javascript">
    (function(w, d, n, s, t) {
        w[n] = w[n] || [];
        w[n].push(function() {
            Ya.Context.AdvManager.render({
                blockId: "R-A-237731-7",
                renderTo: "yandex_rtb_R-A-237731-7",
                async: true
            });
        });
        t = d.getElementsByTagName("script")[0];
        s = d.createElement("script");
        s.type = "text/javascript";
        s.src = "//an.yandex.ru/system/context.js";
        s.async = true;
        t.parentNode.insertBefore(s, t);
    })(this, this.document, "yandexContextAsyncCallbacks");
</script>

Answer 1

[Никита Егоров]

(function() {} );

Такая функции вообще не вызовется никогда, если только так: (function() {console.log('a')} )(), а лучше так: (() => console.log('a'))() и называется это iife (Immediately-Invoked Function Expression) - немедленно вызываемые функции

Comments

[Senseich]

Собственно, чего лукавить. мне интересно код рекламы яндекса после загрузки страницы выполняется или как?

<script type="text/javascript">
    (function(w, d, n, s, t) {
        w[n] = w[n] || [];
        w[n].push(function() {
            Ya.Context.AdvManager.render({
                blockId: "R-A-237731-7",
                renderTo: "yandex_rtb_R-A-237731-7",
                async: true
            });
        });
        t = d.getElementsByTagName("script")[0];
        s = d.createElement("script");
        s.type = "text/javascript";
        s.src = "//an.yandex.ru/system/context.js";
        s.async = true;
        t.parentNode.insertBefore(s, t);
    })(this, this.document, "yandexContextAsyncCallbacks");
</script>

[Никита Егоров]

Senseich, собственно надо было прочитать статью хотя бы, вопросов бы не было. Это iife, следовательно выполняется сразу, как только до него дойдет браузер.

[Senseich]

Никита Егоров, теперь понятно, большое спасибо!

Answer 2

[Виталий Першин]

Первое это анонимная функция, которая вызывает сама себя, но полный код выглядит вот так:

(function() {
    // Тут какой-то код
})();

Данная функция выполнится сразу же как будет обнаружена.

А вторая, это более продвинутая $(document).ready... библиотеки jQuery