JavaScript sync and async（同步和异步）

推荐四篇文章：

• JavaScript 是单线程的深入分析
• JavaScript 运行机制详解：再谈 Event Loop
• JavaScript 异步编程的4种方法
• JavaScript 既是单线程又是异步的，请问这二者是否冲突，以及有什么区别？

一个重要前提：JavaScript 是单线程的，并且只有一个主线程。

我们常说的 JavaScript 异步通常指的是 ajax，准确的来说，它并不是 JavaScript 中的异步，当 JavaScript 执行 ajax 的时候，会让浏览器开启一个线程进行执行，执行完成之后会有个回调函数，然后浏览器会告诉 JavaScript：“我 ajax 执行完了，你该执行回调函数了。”

看一段示例 JavaScript 代码：

$(document).ready(function () {
    var index = 1;
    console.log(1);

    var response = $.ajax({
        type: "get",
        url: '/ajax/get2',
        async: false
    }).responseText;
    console.log(2);

    $.ajax({
        url: '/ajax/get1',
        type: 'get',
        dataType: 'text',
        success: function (data) {
            console.log(3);
        }
    });

    search();
});

function search() {
    console.log(4);
}

输出结果：

1
2
4
3

执行示意图：