Javascript RequireJS中本地和全局需求之间的差异

使用

RequireJS

，我不相信我完全理解“require”的以下两种不同用法之间的区别。在本例中，我只讨论浏览器，而不是node.js。我的一个问题是：我可以使用RequireJS在前端同步地要求某些依赖项吗

首先是：

    define(function(){

         //below the require is definitely the global require of RequireJS, also aliased as requirejs.

         require(['module'],function(mod){  
          //mod is loaded here only
            }

      });

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

      require(['dep'],function(dep){  //require is local not global
           //dep is loaded here only
         }

     //now the require subsequently called is the 'local' require
     var dep = require('dependency'); //I doubt this is possible on front-end..or is it?

     });

然后是：

    define(function(){

         //below the require is definitely the global require of RequireJS, also aliased as requirejs.

         require(['module'],function(mod){  
          //mod is loaded here only
            }

      });

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

      require(['dep'],function(dep){  //require is local not global
           //dep is loaded here only
         }

     //now the require subsequently called is the 'local' require
     var dep = require('dependency'); //I doubt this is possible on front-end..or is it?

     });

我想我看不出使用require作为参数来定义前端的目的，但是有这样的理由吗

我的困惑源于以下示例：

define（）中的相对模块名称：用于require（“./Relative/name”） 在define（）函数调用中可能发生的调用，请确保询问 将“require”作为依赖项，以便解析相对名称 正确地说：

从上面，我只能猜测，如果一个模块与另一个模块相对，那么您可以使用前端的RequireJS对其他模块进行同步调用

同样，这个例子：

define(["require", "./relative/name"], function(require) {
    var mod = require("./relative/name");
});

生成与模块相关的URL：您可能需要生成一个 是相对于模块的。为此，要求将“require”作为依赖项 然后使用require.toUrl（）生成URL：

---

所以，我的问题是：本地需求和全球需求之间的区别是什么？显然，本地需求并不只是/主要用于CommonJS模块。

所有这些示例都使用异步模块加载，而不是同步加载。您正在查看的代码有点混乱，因为它看起来是同步的，但实际上不是

在本例中：

define(["require", "./relative/name"], function(require) {
    var mod = require("./relative/name");
});

异步是显式的。由于模块id“/relative/name”位于依赖项数组中，因此在（异步）加载该函数之前，不会调用该函数。然后require调用将立即返回它已经（异步）加载的模块

在另一种受支持的语法中，异步是隐藏的：

define(function(require) {
    var mod = require("./relative/name");
});

但即使这样也是异步的。要求这段代码包含一个与上面一样的依赖数组。所以，不管外观如何，异步是您所能得到的一切

为什么这是有用的和不同的？因为将一个数组的十几个成员与函数中它们转换为变量的相应位置进行匹配是一项挑战。从DOCS中考虑这个例子：

define([ "require", "jquery", "blade/object", "blade/fn", "rdapi",
         "oauth", "blade/jig", "blade/url", "dispatch", "accounts",
         "storage", "services", "widgets/AccountPanel", "widgets/TabButton",
         "widgets/AddAccount", "less", "osTheme", "jquery-ui-1.8.7.min",
         "jquery.textOverflow"],
function (require,   $,        object,         fn,         rdapi,
          oauth,   jig,         url,         dispatch,   accounts,
          storage,   services,   AccountPanel,           TabButton,
          AddAccount,           less,   osTheme) {

});

---

另一个有用且不同的原因是，本地require允许您正确解析相对模块路径。这使您可以定义一组相互关联的模块，而无需明确指定它们所在的目录，如果该目录可能发生更改，这将非常方便。

这是一个好信息，谢谢Lyn，不过需要补充一点——从技术上讲，您所说的并不总是正确的——如果模块已经加载，即使语法是异步（隐式依赖项数组被重写）样式，它也将同步加载而不是异步加载。这有意义吗？