javascript - .getScript() 回调可多次使用

Question

如果我有 2 个 JS 文件，例如 a.js 和 b.js

a.js

$.getScript('some.js',function(){
   //Call some function in some.js
});

在文件b.js中，我将调用函数somesome.js，但是如何知道some.js已加载？

我可以做一些类似的事情吗..(在b.js中)

SomejsIsLoaded.then(function(){
   //Call some function in some.js
});

.then() .promise() ?

Answer 1

$.getScript() 返回一个 jqXHR Promise，可以分配给以后使用。

你可以写...

var somejsPromise = $.getScript('some.js', function() {
    //Call some function in some.js
});

...但最好不要使用全局命名空间，因此您可以使用 jQuery 命名空间:

$.somejsPromise = $.getScript('some.js', function() {
    //Call some function in some.js
});

如果脚本“some.js”未加载，您还应该包括一些错误处理。至少，记录错误:

$.somejsPromise = $.getScript('some.js', function() {
    //Call some function in some.js
}).then(null, function(error) {
    console.log('getScript(some.js)', error);
});

此后，运行“some.js”中提供的脚本的唯一安全方法是使用指定的 Promise 的 .then() 方法:

$.somejsPromise.then(function() {
    //Call some function in some.js
}, function() {
    //handle the case that some.js fails to load.
});

如果 some.js 已加载，回调将立即运行。

如果 some.js 尚未加载，回调将排队，并在加载 some.js 时运行。

如果 some.js 失败(或将要失败)，则错误处理程序将运行。