从 Firebug/Chrome 控制台与 require.js 模块交互？

Question

我刚刚开始使用 require.js。我已经成功包装了 jquery、一些插件和几个我自己的模块。我正在尝试从 Firebug（或 Google Chrome 的 JS 控制台）与我的模块（或 jquery）进行交互，但运气不太好。

从控制台访问这些模块的正确方法是什么？

Answer 1

假设我们有模块 /app/scripts/methodsModule.js 返回一些方法：

define({
    someMethod: function() {
        // do stuff
    },
    anotherMethod: function() {
        // do some more stuff
    }
});

在我们的 data-main 文件 /app/scripts/main.js 中，我们有：

require(['methodsModule'], function(methods) {
    methods.someMethod() // call someMethod
    methods.anotherMethod() // call anotherMethod
})

一旦 requireJS 加载了我们的 data-main，我们就可以访问任何模块requireJS 已经从 javascript 控制台命令行加载了，如下所示：

>> methods = require('methodsModule'); // requireJS has module methodsModule stored
>> methods.someMethod() // call someMethod
>> methods.anotherMethod() // call anotherMethod

如果模块尚未通过调用 require() 或 Define() 来加载，我们必须传递我们自己的回调，以便在 require 函数之后调用模块已加载：

>> myCB = function(methods) { methods.someMethod() }
>> require(['methodsModule'], myCB)

否则， requireJS 抛出一个错误，表示该模块尚未加载。

Answer 2

有一种不使用回调的方法。

如果您的模块之前在控制台或应用程序中不需要，您可以先要求它：

require(['methodsModule']);

之后您可以使用“动态”要求来访问它：

require('methodsModule').someMethod();