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

执行示意图：