JS异步编程

JS语言的执行环境是“单线程”为什么会出现异步编程呢？

单线程是指一次只能完成一件任务。如果有多个任务的话就必须排队，等前面的任务执行完才能执行下一个任务。

两种任务执行模式：同步和异步
“异步模式”：
回调函数是异步编程最基本的方法。每一个任务有一个或多个回调函数，前一个任务执行后不是执行后一个任务，而是执行回调函数，后一个任务则是不等前一个任务结束后就执行，所以程序的执行顺序与任务的排列顺序是不一致的，异步的。
异步编程的4种方法：

一、回调函数
这是异步编程最基本的方法。
假定有两个函数f1和f2，后者等待前者的执行结果。
如果f1是一个很耗时的任务，可以把f2写成f1的回调函数。

function f1(callback){
setTimeout(function(){
//f1的任务代码
callback();
},1000);
}

执行代码

f1(f2)
采用这种方式的优点是简单，容易理解和部署，缺点是不利于代码的阅读和维护，各个部分之间高度耦合，流程会很混乱，而且每个任务只能指定一个回调函数。

二、事件监听
采用事件驱动模式。任务的执行不取决于代码的顺序，而取决于某个事件是否发生。
首先，为f1绑定一个事件（采用jQuery的写法）。

f1.on(‘done’,f2);
//当f1发生done事件，就执行f2。然后对f1进行改写：

如下：

fuction f1(){
setTimeout(function(){
//f1的任务代码
f1.trigger(‘done’);
},1000);
}

f1.tigger(‘done’)表示，执行完成后，立即触发done事件，从而开始执行f2。
这种方法的优点是 ：容易理解 ，可以绑定多个事件，每个事件可以指定多个回调函数，而且可以去耦合，有利于实现模块化。
缺点：整个程序都要变成事件驱动型，运行流程会变得很不清晰。

三、发布/订阅
上一节的“事件”，可以理解成信号。
假定存在一个信号中心，某个任务执行完成就行信号中心“发布”一个信号，其他信号可以向信号中心“订阅”这个信号，从而知道什么时候自己可以开始执行。这就叫做“发布/订阅模式 ”，又称“观察者模式”。

①f2向“信号中心”jQuery订阅“done”信号。

jQuery.subscribe(“done”,f2)

②f1进行如下改写：

function f1(){
setTimeout(function(){
//f1的任务代码
jQuery.publish（”done”）
//f1执行完成后，向“信号中心”jQuery发布“done”信号，从而引发f2的执行
})
}

③
④

http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%BC%BFjavascript.html