如何在另一个JavaScript文件中包含一个JavaScript文件？

JavaScript中是否有类似于CSS中@import的内容，可让您在另一个JavaScript文件中包含一个JavaScript文件？

#1楼

而不是在运行时添加，而是使用脚本在上传之前进行串联。

我使用链轮（我不知道是否还有其他链轮）。您将JavaScript代码构建在单独的文件中，并包含由Sprockets引擎处理的注释（包括）。对于开发，您可以依次包含文件，然后在生产中将它们合并...

也可以看看：

Sprockets简介：JavaScript依赖关系管理和串联

#2楼

如果有人在寻找更高级的东西，请尝试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自述文件：

RequireJS加载普通的JavaScript文件以及更多定义的模块。它针对浏览器内使用进行了优化，包括在Web Worker中使用，但可以在其他JavaScript环境（例如Rhino和Node）中使用。它实现了异步模块API。

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

...

#3楼

有个好消息对你来说。很快，您将能够轻松加载JavaScript代码。这将成为导入JavaScript代码模块的标准方法，并将成为核心JavaScript本身的一部分。

您只需import cond from 'cond.js';编写import cond from 'cond.js'; 从文件cond.js加载名为cond的宏。

因此，您不必依赖任何JavaScript框架，也不必显式进行Ajax调用。

参考：

#4楼

var js = document.createElement("script");

js.type = "text/javascript";
js.src = jsFilePath;

document.body.appendChild(js);

#5楼

应该这样做：

xhr = new XMLHttpRequest();
xhr.open("GET", "/soap/ajax/11.0/connection.js", false);
xhr.send();
eval(xhr.responseText);

来源：oschina

链接：https://my.oschina.net/stackoom/blog/3135216

标签

rhino

requirejs

sprockets