当前位置: 首页 > article >正文

彻底搞懂 JavaScript 运行环境:从引擎到宿主,一网打尽

你可能每天都在写 JS但你知道你的代码到底是怎么跑起来的吗对于前端/全栈开发者来说JavaScript 早已不再是那个只能在浏览器里点点按钮的“玩具语言”。如今它跑在服务器、桌面、手机、甚至微控制器上。但无论跑在哪里都离不开两个核心概念JavaScript 引擎和宿主环境。本文就带你彻底搞懂它们并梳理出目前主流的技术选型让你对 JS 的“运行地图”了然于胸。一、先聊“发动机”JavaScript 引擎JavaScript 引擎简单说就是把 JS 代码编译或解释成机器码并执行的程序。它负责解析、优化和执行代码是语言的“发动机”。 主流引擎速览引擎名称主要使用者一句话特点V8Chrome、Edge、Node.js、Deno谷歌出品性能王者JIT 编译使用最广SpiderMonkeyFirefox元老级引擎对 ES 新标准跟进最快JavaScriptCore (JSC)Safari、Bun、React Native (iOS)苹果优化内存友好续航强HermesReact Native (Android iOS)Meta 专为移动端打造预编译、启动快QuickJS嵌入式系统、轻量脚本极小巧支持最新 ES 规范适合资源受限JerryScript物联网、微控制器超轻量64KB 内存专为 IoT 而生RhinoJava 应用内嵌脚本纯 Java 实现与 Java 生态集成好DuktapeC/C 嵌入式项目可移植、体积小支持 ES5/E6 部分Elk微控制器极致轻量仅实现 ES6 子集已基本淘汰的引擎Chakra旧 Edge、NashornJDK—— 了解即可不用再花时间。 引擎选择小贴士Web / 服务端开发V8 是绝对主流你用 Node.js、Chrome 就是在用 V8无需操心。React Native 开发Hermes 是官方默认能明显提升 App 启动速度。嵌入式 / IoTJerryScript、QuickJS 或 Duktape 是首选根据资源紧张程度取舍。Java 应用里跑 JSRhino 依然可用虽老但稳定。二、再看“舞台”宿主环境引擎只是“发动机”真正让 JS 代码能完成各种“杂活”读写文件、显示界面、发网络请求的是宿主环境。宿主环境提供了引擎所需的各种全局对象和 API。 主流宿主环境全景图类别典型代表提供的关键能力浏览器Chrome、Firefox、Safari、Edgewindow、document、DOM 操作、事件、fetch、WebStorage服务器端Node.js、Deno、Bunfs文件系统、http服务、process进程、Buffer桌面应用Electron、Tauri、NW.js将 Web 技术打包为桌面应用可调用原生系统 API文件、菜单、通知等移动应用React Native、NativeScript、Ionic用 JS 写原生 UI 组件RN、或基于 WebView 渲染Ionic嵌入式 / IoTEspruino、JerryScript 设备固件直接操作 GPIO、I2C、PWM 等硬件接口边缘计算Cloudflare Workers、AWS Lambda、Vercel Edge Functions在边缘节点或云函数中运行 JS冷启动极快命令行工具Node.js、Deno、Bun处理标准输入输出、系统命令、文件批处理数据库MongoDB、Couchbase、某些 SQLite 扩展使用 JS 编写存储过程、查询逻辑、MapReduce游戏开发Cocos Creator、Phaser、Unity (曾用)提供 Canvas/WebGL 渲染、物理引擎、音频等游戏 API自动化测试Puppeteer、Playwright、Jest控制浏览器或 Node 环境执行测试脚本小程序微信、支付宝、抖音小程序类似浏览器但定制化提供小程序专用 API支付、扫码等特别提醒同构/全栈开发之所以能流行就是因为 Node.js 和浏览器都使用 V8 引擎使得同一套 JS 代码可以前后端复用。三、引擎 宿主 完整的 JS 世界用一个公式来理解JavaScript 运行环境 ECMAScript语言核心 引擎解析执行 宿主提供的 API能力扩展ECMAScript规定了语法、类型、作用域等语言基础比如let、Promise、class。引擎负责按 ECMAScript 标准执行代码。宿主环境则把引擎“装”进去并额外提供该环境特有的全局对象和函数如浏览器的alertNode.js 的require。你在浏览器里写console.log(hello)——console不是 JS 语言本身的东西而是浏览器宿主提供的。同样Node.js 里的global、process也都是宿主提供的。四、前沿趋势JS 正统治一切边缘计算兴起Cloudflare Workers、Deno Deploy 让你在 CDN 节点上跑 JS延迟低到令人发指。嵌入式“卷土重来”随着 IoT 设备性能提升JerryScript、QuickJS 等轻量引擎让 JS 直接控制传感器、LED 成为现实。更快的服务端运行时Bun 从底层重写了 JavaScriptCore 的调用启动速度和包管理都比 Node.js 快不少。浏览器即“操作系统”WebAssembly WebGPU 让 JS 能跑 3D 游戏、视频编辑器浏览器本身就是一个强大的宿主。五、总结引擎负责“算”V8、JSC、Hermes……选哪个取决于你的运行平台和资源限制。宿主负责“做”浏览器、Node、Electron、RN……提供具体功能 API。开发者视角绝大多数时候你不需要关注引擎但要清楚宿主环境提供了什么 API避免写出只能在某类环境中运行的“死代码”。如果你正在选型技术栈写网页 → 浏览器宿主 V8引擎写后端 API → Node.js / Deno / Bun宿主 V8 / JSC引擎写跨平台桌面应用 → Electron / Tauri宿主 Chromium / WebView2 Node.js写移动 App → React Native宿主 Hermes引擎写嵌入式脚本 → JerryScript / QuickJS引擎 轻量宿主

相关文章:

彻底搞懂 JavaScript 运行环境:从引擎到宿主,一网打尽

你可能每天都在写 JS,但你知道你的代码到底是怎么跑起来的吗?对于前端/全栈开发者来说,JavaScript 早已不再是那个只能在浏览器里点点按钮的“玩具语言”。如今,它跑在服务器、桌面、手机、甚至微控制器上。但无论跑在哪里&#x…...

【自动驾驶C++部署黄金法则】:20年老司机亲授5大避坑指南,90%团队在第3步就翻车?

第一章:自动驾驶C部署的底层逻辑与行业现状 自动驾驶系统在量产落地过程中,C因其零成本抽象、确定性内存管理、硬实时支持能力及与硬件驱动/传感器SDK的天然兼容性,成为感知、规划、控制等核心模块部署的首选语言。其底层逻辑根植于对计算资源…...

ngx_create_listening

1 定义 ngx_create_listening 函数 定义在 ./nginx-1.24.0/src/core/ngx_connection.cngx_listening_t * ngx_create_listening(ngx_conf_t *cf, struct sockaddr *sockaddr,socklen_t socklen) {size_t len;ngx_listening_t *ls;struct sockaddr *sa;u_char …...

如何通过多平台同步推流提升直播效率?开源工具obs-multi-rtmp的全场景应用指南

如何通过多平台同步推流提升直播效率?开源工具obs-multi-rtmp的全场景应用指南 【免费下载链接】obs-multi-rtmp OBS複数サイト同時配信プラグイン 项目地址: https://gitcode.com/gh_mirrors/ob/obs-multi-rtmp 在直播行业蓬勃发展的今天,内容创…...

C++20 中的协程与异步 I/O:探索高效编程新路径

C20 中的协程与异步 I/O:探索高效编程新路径 在 C 的发展历程中,每一次标准的更新都为开发者带来了新的特性和工具,以提升代码的性能、可读性和开发效率。C20 作为一次重要的更新,引入了协程这一强大的特性,它与异步 I…...

C++编程中的死锁分析与预防策略

C编程中的死锁分析与预防策略 在C多线程编程的世界里,死锁是一个常见且棘手的问题。它如同交通中的十字路口堵塞,让程序的多个线程陷入无限等待,无法继续执行,进而影响程序的性能和稳定性。本文将深入探讨C中死锁的产生原因&#…...

INS与GPS组合导航EKF算法代码功能说明

三维的组合导航。 ins和卫星的组合导航算法,基于卡尔曼滤波和eskf滤波的都有。 MATLAB源码,有kf和eskf的对比,也有单独的误差,或者输入滤波之后的位移速度等导航参数。 这段程序主要是一个卡尔曼滤波器,用于估计运动物…...

架构实战:基于海事网关实现老旧船舶 OT 系统的安全上行与协议转换

摘要: 本文针对老旧船舶数字化改造中“资产利旧”与“合规安全”的双重挑战,深度拆解利用边缘计算能力打通传统串口到 海事网络设备管理平台(RCMS Stack Marine) 加密通道的技术细节。重点涵盖 Python 协议重构、离线缓冲与符合 I…...

深度解析Windows驱动管理:DriverStore Explorer高效清理冗余驱动实战指南

深度解析Windows驱动管理:DriverStore Explorer高效清理冗余驱动实战指南 【免费下载链接】DriverStoreExplorer Driver Store Explorer 项目地址: https://gitcode.com/gh_mirrors/dr/DriverStoreExplorer DriverStore Explorer(简称RAPR&#x…...

手机摄影党必看!用Flare7K数据集原理改善夜间拍摄(华为/iPhone实测)

手机摄影党必看!用Flare7K数据集原理改善夜间拍摄(华为/iPhone实测) 夜间拍摄时,你是否经常遇到这样的困扰:路灯变成模糊的光团,霓虹灯周围出现奇怪的彩虹条纹,或是画面中突然多出几条不明来源的…...

【EI复现】【基于改进粒子群算法求解】一种建筑集成光储系统规划运行综合优化方法附Matlab代码

✅作者简介:热爱科研的Matlab仿真开发者,擅长数据处理、建模仿真、程序设计、完整代码获取、论文复现及科研仿真。🍎 往期回顾关注个人主页:Matlab科研工作室🍊个人信条:格物致知,完整Matlab代码及仿真咨询…...

研发效能工具选型:8 款主流敏捷研发管理平台优缺点

本文将深入对比8款敏捷研发管理工具:PingCode、Worktile、LigaAI、飞项、码云 Gitee Enterprise、进度猫、事井然、tita项目管理 在研发效能(DevOps)日益受重视的今天,选择一款合适的敏捷管理工具已成为企业提升竞争力的关键。随着…...

C++ 与 异步流调度:在 C++ AI 框架中利用多个 CUDA Stream 重叠计算与数据传输的掩盖性能分析

C 与 异步流调度:在 C AI 框架中利用多个 CUDA Stream 重叠计算与数据传输的掩盖性能分析引言在现代人工智能领域,尤其是深度学习的应用中,GPU 已成为不可或缺的计算引擎。然而,即使拥有强大的 GPU 算力,系统整体性能也…...

【Linux基础】文件编辑压缩解压

文件编辑&&压缩解压 实验环境准备 [rootCentOS-Harvy /]# cd tmp/ [rootCentOS-Harvy tmp]# mkdir -p lab_319[rootCentOS-Harvy tmp]# ll | grep *319 drwxr-xr-x. 2 root root 6 3月 19 16:59 lab_319实验1:Vim 文本编辑 1.1 创建文件并写入内容…...

Axure RP本地化技术指南:从英文界面到全中文工作流

Axure RP本地化技术指南:从英文界面到全中文工作流 【免费下载链接】axure-cn Chinese language file for Axure RP. Axure RP 简体中文语言包。支持 Axure 11、10、9。不定期更新。 项目地址: https://gitcode.com/gh_mirrors/ax/axure-cn 诊断界面本地化痛…...

Redis 只会用缓存?16种妙用让同事直呼牛X

1、缓存String 类型例如:热点数据缓存(例如报表、明星出轨),对象缓存、全页缓存、可以提升热点数据的访问数据。2、数据共享分布式String 类型,因为 Redis 是分布式的独立服务,可以在多个应用之间共享例如&…...

Vivado收费IP核怎么选?从以太网到视频接口,这份避坑指南帮你省下冤枉钱

Vivado收费IP核选型实战指南:从以太网到视频接口的避坑策略 在FPGA项目开发中,IP核的选择往往决定了整个项目的成败。面对Vivado中琳琅满目的收费IP核,工程师们常常陷入两难:既要确保功能完备,又要控制成本。本文将带你…...

考虑需求响应的微网优化调度MATLAB程序:基于粒子群算法,包含风力、光伏、储能等多主体模块化...

考虑需求响应的微网优化调度matlab 程序采用粒子群算法,风力发电机、光伏发电机、储能装置、燃气轮机、柴油机组等主体,考虑负荷需求响应、soc约束等,程序模块化编程,注释清楚,有对应资料概述 本文介绍了一套基于粒子群…...

跑不出密码别怪字典!实战解析Kali Linux中aircrack-ng跑包效率提升的5个关键技巧

跑不出密码别怪字典!实战解析Kali Linux中aircrack-ng跑包效率提升的5个关键技巧 当你盯着终端里aircrack-ng跑包的进度条,看着它缓慢地遍历字典却始终无法命中正确密码时,那种挫败感每个渗透测试者都深有体会。但问题真的出在字典上吗&…...

基于Matlab Simulink的单相PWM整流器仿真模型:全桥整流,电压电流PI双闭环控制...

单相PWM整流器仿真模型 单相全桥整流 电压电流PI双闭环 输出电压可调 输入交流220V/50Hz,输出直流电压可调 Maltab/simulink玩过电力电子的老铁们肯定对PWM整流器不陌生。今天咱们来撸一个单相全桥PWM整流器的Simulink仿真,支持输出电压连续可调的那种。先上张主电…...

告别默认丑样式!手把手教你用WPF的ControlTemplate打造高颜值TreeView(附完整XAML代码)

从零打造高颜值WPF TreeView:深度定制ControlTemplate实战指南 每次打开Visual Studio新建WPF项目时,看到那个灰头土脸的默认TreeView控件,总有种说不出的失落感。作为数据展示的核心控件之一,TreeView在文件浏览器、配置面板、数…...

告别Steam清单配置烦恼:Onekey智能配置工具的优雅解决方案

告别Steam清单配置烦恼:Onekey智能配置工具的优雅解决方案 【免费下载链接】Onekey Onekey Steam Depot Manifest Downloader 项目地址: https://gitcode.com/gh_mirrors/one/Onekey 作为游戏开发者或资深玩家,你是否曾因Steam游戏清单配置而头疼…...

319嵌入式

1.关于lcd的时序图,为什么读操作时,vaild data在E拉高后,而写操作vaild data 在E拉高前写操作:数据必须在 E 上升沿之前稳定(因为 LCD 要”有效采样”) 读操作:数据在 E 拉高之后才有效&#xf…...

Python MCP模板的“最后一公里”难题:K8s ServiceMesh集成、gRPC透明代理、证书自动轮转——全链路演示

第一章:Python MCP模板的企业级定位与架构全景Python MCP(Model-Controller-Plugin)模板并非通用Web框架的变体,而是专为企业级中台系统设计的可扩展服务骨架。它聚焦于解耦业务模型、控制逻辑与插件化能力扩展,适用于…...

电商客服效率翻倍秘籍:RexUniNLU零样本抽取订单关键信息实战

电商客服效率翻倍秘籍:RexUniNLU零样本抽取订单关键信息实战 1. 电商客服的痛点与解决方案 电商客服每天面对海量用户咨询,其中订单查询类问题占比高达40%以上。传统处理方式存在三大痛点: 人工处理效率低:客服需要反复询问订单…...

AI Agent的上下文窗口限制突破技巧

AI Agent的上下文窗口限制突破技巧 关键词:AI Agent, 上下文窗口, 大型语言模型, 记忆管理, 向量数据库, 提示工程, 检索增强生成 摘要:随着AI Agent在各个领域的广泛应用,上下文窗口限制已成为制约其能力发展的关键瓶颈。本文将深入探讨AI Agent上下文窗口限制的本质问题,…...

避坑!这些毕设太好抄了,3000+毕设案例推荐第1038期

381、基于Java的对外公告智慧管理系统的设计与实现(论文+代码+PPT)对外公告智慧管理系统主要功能包括:会员管理、公告管理、审核任务、审核节点、审核日志、回复管理、通知管理、通知接收者、工作流管理、组织机构、消息推送、消息推送接收者…...

车载Linux环境下C++信号处理崩溃频发?一线团队紧急封存的6条SIGSEGV防御清单,已拦截17起量产事故

第一章:车载Linux环境下C信号处理崩溃的典型现象与量产影响在车载Linux系统中,C应用常因信号处理不当引发不可恢复的崩溃,尤其在ASIL-B及以上安全等级的ECU中,此类问题可能直接导致功能降级或安全机制误触发。典型现象包括&#x…...

告别重复编码:用快马平台内置codex服务高效生成日常开发代码片段

今天想和大家分享一个提升开发效率的实用技巧——如何利用智能工具告别重复编码的烦恼。作为开发者,我们每天都要写大量重复的样板代码,比如创建数据类、编写单元测试模板、定义React组件等。这些工作虽然简单,但累积起来会消耗大量时间。 传…...

告别重复编码:用快马AI为你的.NET项目自动生成高效工具类与模板

今天想和大家分享一个.NET开发中的效率提升小技巧——如何用自动化工具快速生成常用工具类代码。作为一个经常需要重复编写类似功能的后端开发者,我发现合理使用代码生成工具可以节省大量时间,让我们把精力集中在更有价值的业务逻辑上。 分页响应类的设…...