JavaScript异步编程——01-单线程和异步任务

本文详细阐述了JavaScript的单线程特性,探讨了为何设计为单线程以及如何处理耗时任务。介绍了同步任务和异步任务的区别,以及在前端开发中异步编程的常见场景,包括事件监听、定时器和网络请求。还涉及了事件循环机制和多次异步调用的顺序示例,以及异步任务的实际应用,如图片加载和DOM操作的定时器示例。

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

单线程

JS 是单线程的

JavaScript 语言的执行是单线程的。即同一时间,只能处理一个任务。

具体来说,所谓单线程,是指 JS 引擎中负责解释和执行 JavaScript 代码的线程只有一个,即同一时间,只能处理一个任务。这个任务执行完后才能执行下一个。所有的任务都需要排队

JS 为何要被设计为单线程呢?原因如下:

  • 首先是历史原因,在最初设计 JS 这门语言时,多进程、多线程的架构并不流行,硬件支持并不好。

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

  • 而且,如果多个线程同时操作同一个 DOM,在多线程不加锁的情况下,会产生冲突,最终会导致 DOM 渲染的结果不符预期。

所以,为了避免这些复杂问题的出现,JS 被设计成了单线程语言。

浏览器是多进程、多线程的

JS代码在执行时有它的运行环境(也称之为“容器”),这个运行环境可以是浏览器,也可以是 Node.js 环境。

浏览器是多进程的,每打开一个新的 tab 标签页就会开启一个新的进程。每个进程之间是独立的,这是为了防止一个页面卡死而造成所有页面都无法响应,甚至整个浏览器强制退出。

每个进程中有很多个线程,其中有一个专门执行JS代码的线程,所以我们常说JS是单线程的,这没有说错。从JS语言的角度看,我们把这个线程称为“主线程”。

如果JS正在执行某个耗时的任务,则当前的线程会被阻塞,那应该怎么办呢?

实际上,耗时的任务并不是在主线程中执行的。因为浏览器的当前进程中有很多个线程,我们可以把耗时任务交给浏览器的其它线程来协助处理,然后在特定的时机通知主线程,该任务则会进入主线程同步完成。

比如,现在有一个三秒延迟的定时器任务。计时工作是交给浏览器的其他线程完成的,等三秒时间到了之后,通知JS主线程,该任务进入主线程进行同步执行。

同步任务和异步任务

定义

当前正在执行的任务,如果没有执行完成,它可能会阻塞其他正在排队的任务。为了解决这个问题,JS 在设计之初,将任务分成了两类:同步任务、异步任务。

  • 同步

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

被瞧不起的神

谢谢啦,感谢支持|一起努力!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值