为什么Chrome开发者工具Sources面板的Scope区域可修改const声明的变量值？

问题核心原因 #

JavaScript 语言层面的const不可重新赋值的约束，仅作用于普通JS代码的正常执行流程，Chrome DevTools作为调试工具拥有更高的运行时操作权限，因此可以绕过该限制。

具体原理说明 #

• 首先明确const的约束本质：const的"不可修改"是JS引擎在执行普通JS代码时做的上层校验：当你在JS代码中尝试给const变量重新赋值时，JS引擎会在语法解析或执行阶段直接抛出TypeError阻止操作。但这个限制只是语法层的规则，并没有对变量对应的底层内存做写保护。
• Chrome DevTools 本身和V8引擎的底层调试接口直接交互，拥有操作运行时栈、堆内存的特权权限。你在Scope面板修改const变量的值，本质是DevTools直接调用V8调试API修改了该变量对应内存地址的存储值，完全绕过了JS代码层的const赋值校验逻辑。
• 这个能力是调试工具的刻意设计：调试场景下经常需要临时修改变量值验证业务逻辑，如果严格遵守const的语法限制会大幅降低调试效率，因此所有主流浏览器的调试工具都支持该操作。

注意：该修改仅作用于当前页面的运行时上下文，刷新页面就会重置，不会修改你的源代码。

背后涉及的技术概念 #

• V8 Debugger API：V8引擎对外暴露的调试能力入口，支持调试工具直接读取、修改运行时的上下文变量、栈帧、执行流程等数据
• 运行时内存直接操作：调试工具绕过JS语法层的校验规则，直接读写变量对应内存地址的存储内容
• 调试特权操作：专门为调试场景开放的特殊能力，不属于普通JS代码的语法规则约束范围

内容的提问来源于stack exchange，提问作者newbie