javascript - 在需要时加载 javascript 文件

Question

我正在开发一个基于小部件/小工具的网站，因为用户可以在屏幕上选择他/她想要的小部件/小工具。

这意味着我将拥有数百/数千个 js 文件，每个小部件/小工具 1 个。我认为我可以使用 $.getScript 根据用户选择在需要时加载正确的 js 文件。

我发现的问题是 $.getScript 只能通过 javascript 全局变量发送变量。全局变量和 $.getScript 似乎不能很好地结合在一起。

还有其他方法吗？也就是说，以某种方式仅在需要时根据用户选择加载 js 文件，其中加载的 js 文件可以从调用子 js 文件的 js 文件接收变量？

Answer 1

这个问题的解决方案是使用像require.js这样的模块加载系统。 .

它会根据每个名为依赖项的文件自动知道要加载哪些文件。

您的模块将像这样清楚地概述它们的依赖关系:

require(["helper/util"], function(util) {
    //This function is called when scripts/helper/util.js is loaded.
    //If util.js calls define(), then this function is not fired until
    //util's dependencies have loaded, and the util argument will hold
    //the module value for "helper/util".
});

完成后，require.js 加载程序将自动为您加载正确的 JS 文件。它的语法有点不同，但它会解决问题。