如何在JavaScript中实现`使用`？

Question

我想作这样的事情（类似于c#）：

using("content/jquery.js"); 

$("div").fadeOut(); 

所以，如果content/jquery.js是不是在head我想加载它，它加载后继续执行的script。

是否有可能实现这个或类似的东西？注意：我可以有多于1个using

Answer 1

这些被称为脚本加载器。

你可以看看RequireJS，其行为在一个非常相似的方式：

require(["helper/util"], function() { 
    //This function is called when scripts/helper/util.js is loaded. 
}); 

还有LabJS和ControlJS，这是更侧重于异步脚本加载，而不是依赖关系，但可能是值得一试出。同样在这个类别中，我们拥有@ jAndy的SupplyJS。

Answer 2

如果你知道你将调用的时间提前函数的名称，你可以使用typeof来检查他们的存在：

if (typeof($) == 'function') { 
    // Code here that uses jQuery 
} else { 
    // Something else here that loads the script. 
} 

如果你不能确定你会使用什么功能您可能想要检索脚本元素的列表并检查它们。更多沿着这些线：

var scripts = document.getElementsByTagName('script'); 

for (var i = 0, l = scripts.length; i < l; ++i) { 
    if (scripts[i].src == myVal) { 
    // do something here 
    } else { 
    // wait for the script to load, or just leave off the else. 
    } 
} 

是我能想到的两种方法我的头顶。

Answer 3

您可以使用getScript：

$.getScript('test.js', function() { 
    alert('Load was performed.'); 
});