RequireJS - 导出设定功能

Question

我遇到的问题与RequireJS在那里，我不能出口一组函数时，我有一个需要声明。

假设我有一个名为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

鉴于你在你的问题显示代码，这是真的要走的路：

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

但是，你不想使用它，因为：

可以访问myFuncti在，但我需要先解决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了解常见问题及其解决方法。

Answer 2

如果你总是需要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 
     } 
});