RequireJS - 导出一组函数

Question

我遇到 RequireJS 问题，当我有 require 语句时，我无法导出一组函数.

假设我有一个名为 mySubFile.js 的文件，首先我需要注入 jQuery，然后再注入另一个依赖项。现在，假设我有 myFunction，我想导出它以便从另一个文件中调用。

define('mySubFile', ['jquery'], function ($) {
    require(['dependency1'], function (dependency1) {

       let myFunction = function(){ return "Hey There"; }

       return : {
                    myFunction : myFunction
       }

    });
});

现在假设我想从 myFile.js 调用该函数：

define('myFile', ['jquery'], function ($) {
    require(['mySubFile'], function (mySubFile) {

       console.log(mySubFile.myFunction());

    });
});

这不起作用。我明白了：

无法读取未定义的属性“myFunction”。

另一方面，如果我将 mySubFile.js 定义如下：

define('mySubFile', ['jquery', 'dependency1'], function ($, dependency1) {

   let myFunction = function(){ return "Hey There"; }

   return : {
               myFunction : myFunction
   }

});

我可以访问 myFunction，但我需要先解析 jQuery。

我正在努力寻找解决方案，但仍然没有找到任何东西。

我该如何解决？

Answer 1

如果你总是需要 jQuery 在你的模块之前可用，你可以这样做：

define("mySubFile", function(require, exports, module){ 
    var a = require("jQuery"), // dependency
        b = require("knockout"); // dependency
    /* rest of the code for this module */ 

    let myFunction = function(){ return "Hey There"; }

   return : {
            myFunction : myFunction
         }
}); 

Answer 2

鉴于您在问题中显示的代码，这确实是要走的路：

define('mySubFile', ['jquery', 'dependency1'], function ($, dependency1) {

但你不想使用它，因为：

可以访问myFunction，但我需要先解析jQuery。

好吧，当然jquery 必须先解决，然后才能返回一个值，但是让我们假设有一些魔法可以让你的其他尝试返回你想要的值，让我们从什么时候得到解决的观点。这就是你所拥有的：

define('mySubFile', ['jquery'], function ($) {
    require(['dependency1'], function (dependency1) {

会发生什么：

1. define 调用已执行。 RequireJS 看到一个模块名称 (mySubFile)、一个依赖列表 ['jquery'] 和一个回调。
2. RequireJS 解析jquery 并用它调用回调。
3. require 调用已执行。 RequireJS 看到一个依赖列表和一个回调。
4. RequireJS 解析dependency1 并调用回调。

同样，jquery 必须先解决，然后才能返回任何内容。在 define 回调中包含 require 不会对此进行任何更改。

在define 中获取require 调用以按照您想要的方式工作需要大量重写。顺便说一句，您在那里遇到的问题并不是 RequireJS 特有的，而是所有异步代码共有的问题。有关一般问题和解决方法，请参阅this question。