JavaScript "include"函数？

Question

我想知道是否有一个 javascript 的“include”函数(类似于 python 中的函数)，我正在寻找一些东西但除了 $.load() 和google.load()。

所以，我冒险创建了一个脚本，它可以只是为了好玩，所以:

var include = function( lib ) {
// start with jQuery
    if(lib == "jquery") {
        var script = document.createElement("script");
        script.type = "text/javascript";
        script.src = "http://code.jquery.com/jquery.min.js";
        script.defer = "defer"; // should I use script.setAttribute('defer', 'defer')?
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(script, s);
    }
}

然后，在一个单独的脚本中:

include("jquery");
$("p").innerHTML = "Worked!";

但是我得到一个错误$ is not defined

这是有道理的，因为脚本是在加载 jQuery 之前运行的。所以我的问题是，有没有办法确保 include 脚本在 之前运行其他任何东西？我见过看起来像这样的 callback 解决方案:

include("http://code.jquery.com/jquery.min.js", function() {
    $("p").innerHTML = "Worked!";
});

但我确实想知道是否有任何东西(就像我上面提出的那样)更整洁。

如有任何帮助，我们将不胜感激!

Answer 1

你在这里重新发明了轮子:有大量的库/组件做着基本相同的工作，但功能更多。检查Asynchronous Module Definition API和 RequireJS一开始。