JavaScript异步

1.常用的异步操作

• 网络请求： ajax　http.get
• IO 操作： readdir　readFile
• 定时函数： setTimeout　setInterval

2.event-loop

参见：阮一峰--JavaScript 运行机制详解：Event-Loop

• JavaScript是单线程语言。
• 所有任务需要排队，前一个任务结束，才会执行后一个任务。
• 所有任务可以分成两种，一种是同步任务（synchronous），另一种是异步任务（asynchronous）。
• （1）所有同步任务都在主线程上执行，形成一个执行栈（execution context stack）。
  （2）主线程之外，还存在一个"任务队列"（task queue）。只要异步任务有了运行结果，就在"任务队列"之中放置一个事件。
  （3）一旦"执行栈"中的所有同步任务执行完毕，系统就会读取"任务队列"，看看里面有哪些事件。那些对应的异步任务，于是结束等待状态，进入执行栈，开始执行。
  （4）主线程不断重复上面的第三步。
• 主线程从"任务队列"中读取事件，这个过程是循环不断的，所以整个的这种运行机制又称为 Event Loop（事件循环）。

3.jQuery-1.5 之后的 ajax

传统ajax：

var ajax = $.ajax({
    url: 'data.json',
    success: function () {
        console.log('success')
    },
    error: function () {
        console.log('error')
    }
})

console.log(ajax) // 返回一个 XHR 对象

jQuery-1.5 之后的 ajax：

var ajax = $.ajax('data.json')
ajax.done(function () {
        console.log('success 1')
    })
    .fail(function () {
        console.log('error')
    })
    .done(function () {
         console.log('success 2')
    })

console.log(ajax) // 返回一个 deferred 对象