Как правильно скрыть мои javascript-функции из глобальной области видимости?

Question

[Леонид]

В рамках одного WordPress-сайта пришлось наваять небольшой функционал с обилием js-кода, ну типа:

jQuery(document).ready(function () {
    jQuery('').click(function(e) { 
        
    }); 
    jQuery('').change(function (e) { 

    });
    search_event();
    edit_event();
    let com_offer_save_timer = setInterval(save, 60000);
});
function search_event()
{
    jQuery('').on('input', function(e) { 
    }); 
}
function edit_event()
{
}
function calc_row(cl)
{
}
function save()
{
}
function update_event()
{
}
function widget_update(count, total)
{
}
function loading_process(show, text='')
{
}
function delete(id)
{
}
function instock_edit(id, text)
{
}

обилие js-функций в глобальной области видимости пугает, как это обычно в JavaScript скрывается?
namespace'ы мне не нужны в общем-то ( это перебор ) - просто сделать функции методами моего класса в JavaScript и успокоится? или есть какой-то более правильный подход в JavaScript?

Comments

[WbICHA]

Если используешь только let и const, то достаточно обернуть в фигурные скобки {}. Получается блок. Для варов и фанкшанов, естественно, только иифе.

[Леонид]

WbICHA, использую var и функции которые вызываются извне - например при клике на кнопку, а почему IIFE предпочтительнее класса?

[WbICHA]

Леонид,

использую var

Зачем?

и функции которые вызываются извне - например при клике на кнопку

Зачем ты их вешаешь извне?

почему IIFE предпочтительнее класса?

А класс тут вообще каким боком?

[Леонид]

Зачем?

ну переменная через let внутри блоков будет не видна же?

Зачем ты их вешаешь извне?

тут да, согласен могу навешивать изнутри - это могу переписать

А класс тут вообще каким боком?

ну тот же эффект же? аля "инкапсуляция" так сказать моего функционала с локальной областью видимости, но если мне нужен будет доступ к какой-либо функции из другого скрипта например?

Answer 1

[Антон]

IIFE можно использовать, чтобы не сорить в глобальной области видимости

Answer 2

[Антон Антон]

Перенести вот это: }); в самый конец

jQuery(document).ready(function () {
    jQuery('').click(function(e) { 
        
    }); 
    jQuery('').change(function (e) { 

    });
    search_event();
    edit_event();
    let com_offer_save_timer = setInterval(save, 60000);
function search_event()
{
    jQuery('').on('input', function(e) { 
    }); 
}
function edit_event()
{
}
function calc_row(cl)
{
}
function save()
{
}
function update_event()
{
}
function widget_update(count, total)
{
}
function loading_process(show, text='')
{
}
function delete(id)
{
}
function instock_edit(id, text)
{
}
});

Comments

[Леонид]

зачем так?

[Антон Антон]

Леонид, ну они после этого не будут в глобальной области видимости. и если в глобальной области видимости есть функция с таким же именем - то она не испортится.