Стандарты пространства имен в javascript

Question

Может кто-нибудь объяснить, что делают эти строки кода?И нужны ли они мне?Есть ли польза от этого?Я понимаю код внутри.Мне просто нужна помощь по первой строке кода и последней строке, где он передается в качестве параметра для самопризываемой функции.

Первая строка: app.framework.resetHeadingsHierarchy = {};

Последняя строка: app.framework.resetHeadingsHierarchy, jQuery

Полный фрагмент кода:

app.framework.resetHeadingsHierarchy = {};
(function () {
    $(function() {
        let isPortletTitleBarHidden = $('.portlet-header-bar');

        if (isPortletTitleBarHidden.length === 0) {
            if ($('h4')) {
                $('h4').replaceWith(function () {
                    return '<h3>' + $(this).html() + '</h3>';
                });
            }
            if ($('h5')) {
                $('h5').replaceWith(function () {
                    return '<h4>' + $(this).html() + '</h4>';
                });
            }
        }
    });
})(app.framework.resetHeadingsHierarchy, jQuery);

Answer 1

Завершение функции в $, например $(function(){}), это просто еще один способ вызова анонимной функции после загрузки DOM или сразу, если DOM уже загружен.Если вы хотите немедленно выполнить функцию, вы также можете выполнить (function(){})(), но это не будет ждать DOM

Другая внешняя оболочка не делает ничего полезного, насколько я могу судить,что говорит (function () {})(app.framework.resetHeadingsHierarchy, jQuery);