javascript - 如何使其他 javascript 文件可以使用函数？

Question

我有以下代码:

$(文档).ready(函数(){

function loginLinkClick(e) {
    e.preventDefault();
    $('#loginLink').unbind('click', loginLinkClick);
    dialog(this);
}
function registerLinkClick(e) {
    e.preventDefault();
    $('#registerLink').unbind('click', registerLinkClick);
    dialog(this);
}

$('#loginLink')
    .bind('click', loginLinkClick);
$('#registerLink')
    .bind('click', registerLinkClick);
$('#logoutLink')
    .click(function (e) {
        window.location = $(this).attr('data-href')
    });

});

我想让其他 javascript 文件可以使用我的 loginLinkClick 和 registerLinkClick 函数。有什么办法可以做到这一点？我正在使用 jQuery，所以我应该将它们放入 jQuery 命名空间或类似名称吗？

还有一个问题。从性能的 Angular 或可维护性的 Angular 来看，我是否应该在 $(document)

之外拥有这样的功能？

Answer 1

使函数在该范围之外可用，而不是

function loginLinkClick(e) { }

尝试将它们添加到窗口对象中

window.loginLinkClick = function(e) { }