javascript - 为什么具有某些特定名称的 JavaScript 函数无法运行，而其他函数却可以运行？

Question

这些天我面临的一个非常有趣的问题是关于我的 JavaScript 函数之一。我的具有某些特定名称的 JavaScript 函数无法正常工作，但如果我将其名称更改为其他名称，那么它就可以工作。看看 -

// function to retain the jquery ui css for toolbar
function retain_css() {
    alert('hi');
    $( "#new_sort_options" ).buttonset();
}

// new sort
$(document).on("click", ".new_sort_button", function() { 
    var order       = $(this).val();
    var make_id     = $('#new_make_id').val();
    $.ajax({
        beforeSend  : start_loader(),
        type        : 'POST',
        url         : '/ajax/new-sort.php',
        data        : 'order='+order+'&make_id='+make_id,
        dataType    : 'json',
        success     : function(data) {
                        $("#new_results_toolbar").html(data.toolbar);
                        $("#new_results").html(data.models);
                        retain_css();
                        end_loader();
        }
    }); 
});

但是retain_css()根本不起作用。即使alert()也没有触发。但如果我将其名称更改为 my_fun() 之类的名称，那么代码就可以工作。我不明白为什么会这样？任何想法？不用担心 end_loader() 函数，因为它无法解决我的问题。当使用retain_css()但不起作用时，我还更改了代码顺序。

Answer 1

尽量不要创建全局函数，因为它可能会与其他框架或库发生冲突。

//define private namespace
window.user3779493Functions = {};
//define method
user3779493Functions.retain_css = function() { ... }
//call method
user3779493Functions.retain_css();