从异步js的重要性开始说起，再引入异步js框架，一步步的深入了解异步js。
1.异步js的重要性
随着web平台地位的提升，霸占着浏览器的javascript语言也成为了世界上最流行的语言之一，甚至通过node.js进入了服务器编程领域。javascript的一个重要特性便是“不能阻塞”，这里的“不能”是指“不应该”而不是“无法”的意思（只要提供阻塞的api）。
javascript是一门单线程语言，因此一旦有某个api阻塞了当前线程，就相当于阻塞了整个程序，所以“异步”在javascript编程中占有很重要的地位。异步编程对程序执行效果的好处这里就不多谈了，但是异步编程对于开发者来说十分麻烦，它会将程序逻辑拆分地支离破碎，语义完全丢失。
你是不是也曾因为ajax异步，只能在回调函数里嵌套逻辑而发狂？这样的代码看起来非常糟糕。如果使用同步，代码可以不用嵌套。但如果请求时间过长，又会因为线程阻塞，导致浏览器假死。真是非常苦恼。看来优雅的代码和良好的用户体验不能兼得了。
2.异步js框架登场
假如现在有3个ajax请求，分别为a,b,c。a执行完后才能执行b，b执行完后才能执行c。这样我们就不得不嵌套了，在a的回调函数里执行b，然后在b的回调函数里执行c。这样的代码非常不友好。
本着‘专业造轮子'的原则，我的异步js框架出发了！
大致结构-　 
var js = new asyncjs(); var func = js.build(function () { var a = _$async({ url: , success: function () { } }); var b = _$async({ url: , success: function () { } }); var c = _$async({ url: , success: function () { } }); });eval(func);
a,b,c会按顺序执行，且线程不会阻塞。
优势
1.良好的体验。全程异步，线程不会阻塞。
2.代码优雅。不需要复杂的嵌套，框架帮你自动完成嵌套工作，你只需要关注编码本身，易于维护。
3.简单易用。build(function(){ }) 你可以理解成c#的thread，我开多一个线程去执行function(){} （js是单线程的，这点要强调下！）　
new thread(() => { //dosomething });
4.简单易扩展。（请将所有要执行的方法用_$async‘包住'）
5.易于调试。
缺点
1.build(function(){ })，函数内不支持自定义局部变量，如var a=1;
　如果想使用局部变量，只能：
　 var a = _$async(function () { return 1; });
2._$async();必须要以‘;'结尾。
3.build(function(){ }) 函数内不能直接调用外部函数，如
function test() { var testmethod = function () { alert(1); }; var func = js.build(function () { testmethod(); }); }
请使用　
function test() { var testmethod = function () { alert(1); }; var func = js.build(function () { _$async(function () { testmethod(); }); }); }
也许大家会好奇，到底如何实现的？又或者为什么不将eval(r)封装起来？
实现原理其实就是分析build内的函数，然后将它动态的组合、嵌套起来，然后执行。至于eval不封装起来的原因是如果封装起来，将无法使用外部变量，因此必须将它放出来。
3.测试代码及效果

后台c#代码
protected void page_load(object sender, eventargs e) { string val = request.querystring[val]; if (!string.isnullorempty(val)) { thread.sleep(2000); response.write(val + 返回结果); response.end(); } }
效果图：
可以看到完全是按顺序执行，并且线程无阻塞。
以上就是介绍了异步js框架的作用以及实现方法，希望对大家的学习有所帮助，真正理解异步js的重要性。