讲师中心 微信公众号
AI工具推荐 视频效率加速

JavaScript如何工作_它的运行机制是怎样的

老婷酱_7762

老婷酱_7762

发布时间:2025-12-26 10:04:57

|

324人浏览过

|

来源于php中文网

原创

JavaScript是单线程、非阻塞、基于事件循环的动态脚本语言,通过调用栈执行同步代码,Web API处理异步操作并将其回调推入宏任务或微任务队列,事件循环协调调度:每执行一个宏任务后清空微任务队列,再继续下一个宏任务。

javascript如何工作_它的运行机制是怎样的

JavaScript 是一门单线程、非阻塞、基于事件循环(Event Loop)的动态脚本语言。它不靠多线程并发,而是通过调用栈、任务队列和事件循环三者协作,实现看似“同时”处理多个任务的能力。

调用栈(Call Stack):JS 的执行主线

JavaScript 引擎(如 V8)用调用栈来追踪当前正在执行的函数。函数调用时入栈,执行完毕后出栈。它是严格后进先出(LIFO)结构,也是 JS 同步代码的执行核心。

例如:console.log('a'); setTimeout(() => console.log('b'), 0); console.log('c'); 中,log('a')、log('c') 立即入栈执行;而 setTimeout 的回调不会立刻进栈,它被交给 Web API 处理,稍后才进入任务队列。

Web API 与任务队列:异步操作的中转站

浏览器提供的能力(如 setTimeout、fetch、addEventListener)不在 JS 引擎内执行,而由宿主环境(浏览器或 Node.js)的 Web API 接管。它们在后台运行,完成后把回调函数推入对应的任务队列:

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

Expanso json-flatten
Expanso json-flatten

通过 CLI 或 MCP 服务器,使用 Expanso Edge 管道扁平化嵌套 JSON 对象。

下载
  • 宏任务队列(Macrotask Queue):包含 setTimeout、setInterval、I/O、UI 渲染 等回调
  • 微任务队列(Microtask Queue):包含 Promise.then/catch/finally、queueMicrotask()、MutationObserver 回调

关键规则:每次执行完一个宏任务后,引擎会清空整个微任务队列(逐个执行,直到为空),再继续下一个宏任务。

事件循环(Event Loop):协调调度的核心机制

事件循环不是 JS 语言规范定义的,而是运行时(如浏览器)实现的调度算法。它的基本流程是:

  • 检查调用栈是否为空
  • 如果为空,从宏任务队列中取出一个任务(如 setTimeout 回调)推入调用栈执行
  • 该宏任务执行完后,立即执行所有排队中的微任务(不中断、不插队)
  • 然后可能触发 UI 渲染(浏览器环境),再回到第一步

这就是为什么 Promise.then 总比 setTimeout(..., 0) 先执行——哪怕时间设为 0,它仍是宏任务,而 Promise 回调属于更高优先级的微任务。

JS 引擎与运行时的分工

JS 引擎(如 V8)只负责解析和执行 JS 代码、管理内存(含垃圾回收)、维护调用栈;它不提供定时器、网络请求或 DOM 操作能力。这些由宿主环境(浏览器或 Node.js)以 Web API 形式提供,并通过回调机制与 JS 引擎通信。这种分离让 JS 既能跑在浏览器里,也能跑在服务器上。

简单说:引擎管“算”,运行时管“事”,事件循环管“调度”。三者配合,构成了 JS 表面单线程、实际高响应的运行模型。

热门AI工具

更多
墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

相关专题

更多
堆和栈的区别
堆和栈的区别

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

6407

2023.07.18

堆和栈区别
堆和栈区别

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

2688

2023.08.10

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

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

4538

2023.08.10

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

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

1269

2025.12.24

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

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

423

2026.01.21

C++多线程相关合集
C++多线程相关合集

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

579

2026.01.21

C# 多线程与异步编程
C# 多线程与异步编程

本专题深入讲解 C# 中多线程与异步编程的核心概念与实战技巧,包括线程池管理、Task 类的使用、async/await 异步编程模式、并发控制与线程同步、死锁与竞态条件的解决方案。通过实际项目,帮助开发者掌握 如何在 C# 中构建高并发、低延迟的异步系统,提升应用性能和响应速度。

429

2026.02.06

C++多线程并发控制与线程安全设计实践
C++多线程并发控制与线程安全设计实践

本专题围绕 C++ 在高性能系统开发中的并发控制技术展开,系统讲解多线程编程模型与线程安全设计方法。内容包括互斥锁、读写锁、条件变量、原子操作以及线程池实现机制,同时结合实际案例分析并发竞争、死锁避免与性能优化策略。通过实践讲解,帮助开发者掌握构建稳定高效并发系统的关键技术。

253

2026.03.16

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

100

2026.10.28

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.8万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn