JS中的同步和异步

一.单线程
(1) 单线程的概念
JavaScript是一门单线程的语言,因此,JavaScript在同一个时间只能做一件事,单线程意味着,如果在同个时间有多个任务的话,这些任务就需要进行排队,前一个执行完,才会执行下一个任务,为了解决这个问题我们在下面会介绍同步和异步

<script>
	// 同步代码
	function aa(){
		console.log(1)
	}
	function bb(){
		console.log(2)
	}
	aa()
	bb()

	// 输出结果   1   2
</script>

(2) 为什么是单线程
JavaScript的单线程,与它的用途有很大关系,JavaScript作为浏览器的脚本语言,主要用来实现与用户的交互,利用JavaScript我们可以对DOM的各种操作,如果JavaScript是多线程的话,一个添加内容,一个删除节点,这样就会带来很复杂的问题,所以,JavaScript是单线程的.

二.同步任务和异步任务
(1) 为什么有同步和异步
因为JavaScript在设计的时候,就已经考虑到这个问题,主线程可以完全不用等待文件的读取完毕或ajax的加载成功,因此,任务可以分为同步任务和异步任务
(2) 同步任务
同步任务是指在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行下一个任务
(3) 异步任务
异步任务是指不进入主线程,而进入任务队列的任务,只有任务列队通知主线程,某个异步任务可以执行了,该任务才会进入主线程

<script>
	function fun1() {
  		console.log(1);
	}
	function fun2() {
  		console.log(2);
	}
	function fun3() {
  		console.log(3);
	}
	fun1();
	setTimeout(function(){
  		fun2();
	},0);
	fun3();
	// 输出 1 3 2
</script>

(4) 异步机制
JavaScript的异步机制包含以下几个步骤:

1. 所有同步任务都在主线程上执行,形成一个执行栈
2. 主线程之外,还存在一个任务队列,只要异步任务有了结果,就会在任务队列中放置一个事件
3. 一但执行栈中的所有同步任务执行完毕,系统就会读取任务队列,看看里面还有那些事件,那些对应的异步任务,于是结束等待状态，进入执行栈，开始执行
4. 主线程不断的重复上面的第三步