javascript - Require.js 和可重用的 UI 函数

Question

我正在开发一个使用 Require.js 编写的项目。目前有许多重用函数正在从全局范围内调用。这些功能涉及 ui 转换、隐藏/显示以及一般悬停事件。我想将这些函数直接组织到 require 中，但不太确定在哪里/如何包含它们。

例如，假设应用程序中有多个位置可能调用 showDropdown() 的通用函数。假设动画需要 jQuery。存储 showDropdown 函数的最佳位置或方式是？

说一个简单的函数，例如:

function showDropdown(id) {
    var thisdropdown = $(id).find('.dropdown');
    $(thisdropdown).slideDown();
}

我可以创建一个 UI 文件夹，其中不同的 js 函数都是它们自己的文件。然后只需在依赖它们的任何其他文件上要求它们即可。但无论如何，这些文件需要将其函数导出到全局范围才能正确访问？

我觉得有一个明显的答案/设置，因为这一定是相当常见的项目。

_{此外，我正在 Backbone 应用程序中编写此内容，但我不认为这有任何直接影响，更多的是 require.js 问题。}

Answer 1

创建一个 util 库或类似的东西:

// util.js

define({
    showDropdown: function(id) {
        var thisdropdown = $(id).find('.dropdown');
        thisdropdown.slideDown();
    }    
});

然后在其他地方使用它:

require(['util'], function(util) {

    util.showDropdown('my-id');

});