JavaScript - 执行机制、同步、异步

js单线程

JavaScript语言的最大特点就是单线程，即，同一个时间只能做一件事。

单线程带来的问题

• 所有任务需要排队，前一个任务结束了，才会执行下一个
• 导致JS执行的时间过长，造成页面渲染不连贯，会引起页面渲染加载阻塞的感觉

同步与异步

为了解决渲染加载阻塞的问题，JS出现了同步和异步

• 同步任务
  前一个任务执行结束再执行下一个任务，程序的执行顺序和任务的排列顺序是一致的。
  同步任务在主线程执行，形成一个执行栈。

• 异步任务
  JS的异步是通过回调函数实现的。
  一般而言，异步任务有三种类型

1. 普通事件：如click等；
2. 资源加载：如load等；
3. 定时器：如：setInterval、setTimeout等；

异步任务相关回调函数添加到任务队列（也称作消息队列）中。

执行机制

执行机制过程

• 先执行执行栈中的同步任务
• 异步任务放入任务队列中
• 一旦执行栈中的所有同步任务执行完毕之后，系统会依次读取任务队列中的异步任务，读取到的异步任务会结束等待状态，进入执行栈，开始执行。

图解

简单示例图解

	console.log('1');
	setTimeout(function(){
		console.log('3');
	},0);
	console.log('2');
	document.onclick = function(){
		console.log('click');
	}

运行结果

图解

---