0

0

为什么说javascript是单线程语言【教程】

夜晨

夜晨

发布时间:2026-01-30 16:10:03

|

142人浏览过

|

来源于php中文网

原创

JavaScript 是单线程语言,因其浏览器主线程仅有一个调用栈,为避免 DOM 竞态问题而刻意设计;异步任务由宿主环境多线程处理,JS 主线程依事件循环执行宏任务与微任务。

为什么说javascript是单线程语言【教程】

JavaScript 是单线程语言,因为它在浏览器主线程中只有一个调用,同一时间只能执行一个同步任务。这不是技术缺陷,而是有意为之的设计选择——为避免 DOM 操作的竞态问题,比如两个线程同时删节点又加样式,浏览器根本没法决定以谁为准。

为什么 DOM 操作强制要求单线程

浏览器渲染线程和 JS 主线程是互斥的:JS 正在执行时,页面暂停渲染;渲染进行时,JS 被挂起。如果 JS 支持多线程,就可能出现:

  • 线程 A 执行 document.getElementById('app').innerHTML = 'loading...'
  • 线程 B 同时执行 document.body.removeChild(app)
  • 结果不可预测:节点可能被删了又赋值,或赋值后立刻报错“Cannot set property innerHTML of null”

所以,单线程不是妥协,是保障 DOM 操作可预测、可调试的底线。

异步不是 JS 引擎干的,是浏览器/Node.js 帮你扛的

真正处理 setTimeoutfetchaddEventListener 的,不是 JS 引擎本身,而是宿主环境提供的多线程能力:

立即学习Java免费学习笔记(深入)”;

  • setTimeout 由定时器线程计时,到期后把回调推入宏任务队列
  • fetch 由网络线程发起请求,响应后把 then 回调推入微任务队列
  • click 事件由 DOM 事件线程监听,触发后把事件处理器排队

JS 主线程只做一件事:清空调用栈 → 执行一个宏任务 → 清空所有微任务 → 再取下一个宏任务。这就是事件循环(Event Loop)的真实节奏。

PHP开发实用指南 2.0
PHP开发实用指南 2.0

对于一个刚进入PHP 开发大门的程序员,最需要的就是一本实用的开发参考书,而不仅仅是各种快速入门的only hello wold。在开发的时候,也要注意到许多技巧和一些“潜规则”。PHP是一门很简单的脚本语言,但是用好它,也要下功夫的。同时,由于PHP 的特性,我一再强调,最NB 的PHP 程序员都不是搞PHP 的。为什么呢?因为PHP 作为一种胶水语言,用于粘合后端 数据库和前端页面,更多需

下载

微任务 vs 宏任务:最容易写错的执行顺序

下面这段代码输出顺序是 1 → 4 → 3 → 2,很多人误以为 setTimeout 是“0毫秒立即执行”:

console.log(1);
setTimeout(() => console.log(2), 0);
Promise.resolve().then(() => console.log(3));
console.log(4);

原因在于:

  • console.log(1)console.log(4) 是同步任务,立刻进栈执行
  • Promise.then 是微任务,排在当前宏任务(整个脚本)末尾、下一个宏任务之前
  • setTimeout 是宏任务,必须等当前宏任务+所有微任务执行完,才进入下一轮事件循环

这个优先级规则在 Vue、React 的更新时机、await 后续逻辑、甚至 MutationObserver 中都直接影响状态一致性。

真正难的不是记住“单线程”,而是理解:当 while (Date.now() 这种长任务卡住主线程时,不仅 UI 冻结,连 requestIdleCallbackresize 事件、甚至 Promise 微任务都会被延后——因为事件循环根本没机会跑起来。这种“假死”不是异步失效,恰恰是单线程最诚实的表现。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
c语言中null和NULL的区别
c语言中null和NULL的区别

c语言中null和NULL的区别是:null是C语言中的一个宏定义,通常用来表示一个空指针,可以用于初始化指针变量,或者在条件语句中判断指针是否为空;NULL是C语言中的一个预定义常量,通常用来表示一个空值,用于表示一个空的指针、空的指针数组或者空的结构体指针。

237

2023.09.22

java中null的用法
java中null的用法

在Java中,null表示一个引用类型的变量不指向任何对象。可以将null赋值给任何引用类型的变量,包括类、接口、数组、字符串等。想了解更多null的相关内容,可以阅读本专题下面的文章。

458

2024.03.01

while的用法
while的用法

while的用法是“while 条件: 代码块”,条件是一个表达式,当条件为真时,执行代码块,然后再次判断条件是否为真,如果为真则继续执行代码块,直到条件为假为止。本专题为大家提供while相关的文章、下载、课程内容,供大家免费下载体验。

97

2023.09.25

堆和栈的区别
堆和栈的区别

堆和栈的区别:1、内存分配方式不同;2、大小不同;3、数据访问方式不同;4、数据的生命周期。本专题为大家提供堆和栈的区别的相关的文章、下载、课程内容,供大家免费下载体验。

398

2023.07.18

堆和栈区别
堆和栈区别

堆(Heap)和栈(Stack)是计算机中两种常见的内存分配机制。它们在内存管理的方式、分配方式以及使用场景上有很大的区别。本文将详细介绍堆和栈的特点、区别以及各自的使用场景。php中文网给大家带来了相关的教程以及文章欢迎大家前来学习阅读。

575

2023.08.10

线程和进程的区别
线程和进程的区别

线程和进程的区别:线程是进程的一部分,用于实现并发和并行操作,而线程共享进程的资源,通信更方便快捷,切换开销较小。本专题为大家提供线程和进程区别相关的各种文章、以及下载和课程。

525

2023.08.10

Python 多线程与异步编程实战
Python 多线程与异步编程实战

本专题系统讲解 Python 多线程与异步编程的核心概念与实战技巧,包括 threading 模块基础、线程同步机制、GIL 原理、asyncio 异步任务管理、协程与事件循环、任务调度与异常处理。通过实战示例,帮助学习者掌握 如何构建高性能、多任务并发的 Python 应用。

187

2025.12.24

java多线程相关教程合集
java多线程相关教程合集

本专题整合了java多线程相关教程,阅读专题下面的文章了解更多详细内容。

19

2026.01.21

C++ 设计模式与软件架构
C++ 设计模式与软件架构

本专题深入讲解 C++ 中的常见设计模式与架构优化,包括单例模式、工厂模式、观察者模式、策略模式、命令模式等,结合实际案例展示如何在 C++ 项目中应用这些模式提升代码可维护性与扩展性。通过案例分析,帮助开发者掌握 如何运用设计模式构建高质量的软件架构,提升系统的灵活性与可扩展性。

14

2026.01.30

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Vue 教程
Vue 教程

共42课时 | 7.4万人学习

Vue3.x 工具篇--十天技能课堂
Vue3.x 工具篇--十天技能课堂

共26课时 | 1.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号