javascript - RequireJS:模块函数是在每次导入模块时执行还是仅在第一次导入时执行?

标签 javascript requirejs

我意识到我可以用一个简单的测试项目来回答自己(如果没有人立即插话,我可能会回答),但我在 SO 或谷歌上找不到任何地方的答案,这似乎很关键:

如果我这样定义一个带有 require.js 的 AMD 模块:

//a.js
define( ['stuff'], function (Stuff) {
     return { thing: new Stuff() };
}

然后我在其他两个不同的模块中使用它:

// b.js
define( ['a'], function(a) {
    // do something with a's stuff 
});

// c.js
define( ['a'], function(a) {
  //do something else with a's stuff
}

a 的定义函数是否在每次我为另一个模块需要它时被调用(因此一个新的 Stuff 被实例化)或者它是否只被调用一次,并且它的输出被缓存?

显然这在某些用例中很重要,但在 require.js 文档或我见过的其他示例中并不清楚。

最佳答案

我自己测试了一下,看起来构造函数只运行了一次。

// stuff.js
define(function() {
    return function() {
        console.log('making new!');
    };
});

// a.js
define( ['stuff'], function (Stuff) {
     return { thing: new Stuff };
});

// b.js
define( ['a'], function(a) {
});

// c.js
define( ['a'], function(a) {
});

// app.js
define(['b', 'c'], function() {
    console.log('app');
});

// index.html
<html>
<head>
    <script src='requirejs/require.js' data-main='app.js'></script>
</head>
</html>

当我打开 index.html 时,控制台显示:

making new!                             stuff.js:3
app                                       app.js:2

关于javascript - RequireJS:模块函数是在每次导入模块时执行还是仅在第一次导入时执行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10950730/

相关文章:

javascript - 从单选按钮选择分配值的最佳方法

javascript - 减小 OnsenUI 的大小

javascript - 加载模板时出现异常。下划线/ Backbone

javascript - 使用 Require JS 扩展 Backbone 对象的正确方法

javascript - 如何控制cycle2?

javascript - 需要显示篮球的前三个字母,然后是点

javascript - 使用 Jasmine 测试以 uibModal 和 lodash 作为依赖项的服务

codeigniter - 在 CodeIgniter Web 应用程序的不同页面上使用 RequireJS 和 Backbone

JavaScript - 使用 requireJS 加载 Bluebird 模块

javascript - RequireJS:根据环境加载不同的文件