Es6 js 线程

最新推荐文章于 2025-08-06 16:42:26 发布

陈错时

最新推荐文章于 2025-08-06 16:42:26 发布

阅读量377

点赞数 7

CC 4.0 BY-SA版权

文章标签： javascript es6 前端

本文链接：https://blog.csdn.net/m0_75026936/article/details/135569095

本文解释了JavaScript为什么采用单线程设计，强调了同步任务与异步任务的区别，以及setTimeout和Promise等在异步编程中的作用。它还介绍了宏任务和微任务的特性，特别关注了Chrome和Node环境中的事件循环机制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Es6 js 线程

JavaScript为什么是单线程

1.首先是历史原因，在创建 javascript 这门语言时，多进程多线程的架构并不流行，硬件支持并不好。

2.其次是因为多线程的复杂性，多线程操作需要加锁，编码的复杂性会增高。

3.而且，如果同时操作 DOM ，在多线程不加锁的情况下，最终会导致 DOM 渲染的结果不可预期

同步任务：在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务

异步：不进入主线程、而进入"任务队列"（task queue）的任务，只有"任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行

同步和异步

1.JS任务分为同步任务（synchronous）和异步任务（asynchronous）

2.同步任务都在 JS引擎线程（主线程）上执行，形成一个执行栈(call stack)

3.事件触发线程管理一个任务队列(Task Queue)

4.异步任务触发条件达成，将回调事件放到任务队列(Task Queue)中

5.执行栈中所有同步任务执行完毕，此时JS引擎线程空闲，系统会读取任务队列，将可运行的异步任务回调事件添加到执行栈中，开始执行

实例

 for(var i=0;i<3;++i){
			setTimeout(()=>{
				console.log(i);
		},1000)
	}
//由于setTimeout()为异步任务，for()为同步任务，所以for()循环完才执行setTimeout()
//打印结果为
//5
//5
//5

**宏任务有哪些：**script(整体代码), setTimeout, setInterval,
**微任务有哪些：**process.nextTick, Promise,

特性：
1.宏任务和微任务的任务队列都可以有多个
2.当前执行栈执行完毕时会立刻先处理所有微任务队列中的事件，然后再去宏任务队列中取出一个事件。同一次事件循环中，微任务永远在宏任务之前执行。
3.不同的运行环境循环策略可能有不同，这里探讨chrome、node环境