Question

我将RequireJS与Backbone.js一起使用。

在index.html中，我链接require.js并定义入口点start.js：

<script src="/app/vendor/require.js" data-main="/app/start"></script>

在start.js中，我将RequireJS配置为访问Backbone库及其依赖项：

require.config({
  paths: {
    jquery: 'vendor/jquery',
    underscore: 'vendor/underscore',
    backbone: 'vendor/backbone'
  },
});

要在此文件中使用Backbone模块，我可以将其定义为依赖项：

require(['backbone'], function (Backbone) {
  console.log(Backbone);
});

但是我定义为依赖性子模块，它具有Backbone作为其依赖性

start.js：

require.config({
  paths: {
    jquery: 'vendor/jquery',
    underscore: 'vendor/underscore',
    backbone: 'vendor/backbone'
  },
});

require(['child'], function (Child) {
  console.log(Backbone);
});

child.js：

define(['backbone'], function (Backbone) {});

为什么我可以在start.js中访问Backbone模块而不定义它？如果我将使用任何其他自定义模块，我将收到错误。这仅适用于Backbone模块。

Answer 1

您的require来电需要child模块，这需要backbone，因此在加载child并执行回调时，backbone模块已经加载。现在，让我们看看这个模块的作用：

if (typeof define === 'function' && define.amd) {
  define(['underscore', 'jquery', 'exports'], function(_, $, exports) {
    // Export global even in AMD case in case this script is loaded with
    // others that may still expect a global Backbone.
    root.Backbone = factory(root, exports, _, $);
  });
...

正如您所看到的，即使您将Backbone加载为AMD模块，它仍然会将符号Backbone导出到全局空间。（root变量相当于浏览器中的window或Node.j中的global。这就是您的代码有效的原因。

对于我自己的工作，我会写这样的电话：

require(['backbone', 'child'], function (Backbone, Child) {

以避免依赖全局符号。 Backbone 的未来版本可能在检测到它们作为AMD模块加载时停止导出全局符号。

访问requireJS中的骨干对象而不定义它

1 个答案: