我怎样在一个 JavaScript 文件中引入另一个 JavaScript 文件？

27 浏览
0 Comments

我怎样在一个 JavaScript 文件中引入另一个 JavaScript 文件？

如何在另一个JavaScript文件中包含JavaScript文件，类似于CSS中的@import？

admin 更改状态以发布 2023年5月25日
0

1 答案

0 Comments

如果有人在寻找更高级的工具，可以尝试使用RequireJS。你将获得其他好处，例如依赖管理、更好的并发性，以及避免重复（即多次检索脚本）。

你可以将JavaScript文件编写为"模块"，然后将它们作为依赖项引用到其他脚本中。或者，你可以将RequireJS用作简单的"获取此脚本"解决方案。

例如:

将依赖项定义为模块:

some-dependency.js

define(['lib/dependency1', 'lib/dependency2'], function (d1, d2) {
     //Your actual script goes here.   
     //The dependent scripts will be fetched if necessary.
     return libraryObject;  //For example, jQuery object
});

implementation.js是你的"主"JavaScript文件，依赖于some-dependency.js

require(['some-dependency'], function(dependency) {
    //Your script goes here
    //some-dependency.js is fetched.   
    //Then your script is executed
});

来自GitHub的README摘录:

RequireJS可以加载普通JavaScript文件以及更详细的模块。它经过了优化，适用于浏览器中的使用，包括在Web Worker中的使用，但也可以在其他JavaScript环境中使用，如Rhino和Node。它实现了异步模块API。

RequireJS使用普通的脚本标签来加载模块/文件，因此它应该很容易进行调试。它可以简单地用于加载现有的JavaScript文件，因此您可以将其添加到现有项目中，而无需重新编写JavaScript文件。

...

0