这次给大家带来jquery+deferred实现异步顺序加载js文件，jquery+deferred实现异步顺序加载js文件的注意事项有哪些，下面就是实战案例，一起来看一下。

前段时间看了阮一峰的jQuery的deferred对象详解一文，对jQuery中的deferred的用法了一些了解，今天看到园子里的一篇文章：关于重构JS前端框架的失败经验（顺便怀念那些死去的代码），于是把我之前写的一个利用jQuery的deferred异步按顺序加载JS文件方案分享出来，欢迎指正。

如果你现在对jQuery中的deferred还不了解，强烈建议你看一下阮一峰的jQuery的deferred对象详解一文。
加载JS文件的代码如下：

/* 
Loading 
JavaScript
 Asynchronously 
loadScript.load(["a.js", "b.js"]); 
*/ 
var loadScript = (function() { 
var loadOne = function (url) { 
var dtd = $.Deferred(); 
var node = 
document
.createElement('script'); 
node.type = "text/javascript"; 
var onload = function(){ 
dtd.resolve(); 
}; 
$(node).load(onload).bind('readystatechange', function(){ 
if (node.readyState == 'loaded'){ 
onload(); 
} 
}); 
document.
getElementsByTagName
('head')[0].appendChild(node); 
node.src = url; 
return dtd.promise(); 
}; 
var load = function(urls) { 
if(!$.isArray(urls)) { 
return load([urls]); 
} 
var ret = []; 
for (var i = 0; i <p>相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！</p><p>推荐阅读：</p><p><a href="http://www.php.cn/js-tutorial-393867.html" target="_blank">jquery+xml实现三级联动步骤详解</a><br></p><div class="aritcle_card flexRow artxards">
											<div class="artcardd flexRow">
												<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill2449" title="Javascript Sdk"><img
														src="https://img.php.cn/upload/skill/000/000/081/178909576854323.jpg" alt="Javascript Sdk" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
												<div class="aritcle_card_info flexColumn">
													<a rel="nofollow" href="/xiazai/skill2449" title="Javascript Sdk" class="overflowclass">Javascript Sdk</a>
													<p class="overflowclass">用于 inference.sh 的 JavaScript/TypeScript SDK，可运行 AI 应用、构建代理、集成 150+ 模型。包名：@inferencesh/sdk（npm install），完整 TypeScript 支持。</p>
												</div>
												<a rel="nofollow" href="/xiazai/skill2449" title="Javascript Sdk" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
												</a>
											</div>
										</div><p><a href="http://www.php.cn/js-tutorial-393864.html" target="_blank">使用jquery插件ajaxupload进行文件上传</a><br></p>