JS 中常量声明后怎么防止被意外修改

夜辰小哥_1260

夜辰小哥_1260

2026-10-24

566人浏览

原创

const仅冻结变量绑定,不阻止对象/数组内部修改;需用object.freeze()做浅层防护,深度嵌套需递归冻结,并配合命名规范与代码审查。

js 中常量声明后怎么防止被意外修改

JS 中用 const 声明常量,本身已阻止“重新赋值”,但不能完全防止内容被修改——尤其是对象和数组。真正防意外修改,需要分层处理。

理解 const 的真实限制

const 锁定的是变量名与内存地址的绑定关系,不是值本身:

  • 基础类型(string/number/boolean):赋值后确实不可改,如 const PI = 3.14,再写 PI = 3.1415 直接报错
  • 引用类型(object/array):可修改内部属性或元素,如 const user = {name: 'Alice'},后续 user.name = 'Bob' 合法
  • 不能在声明前访问(暂时性死区),也不能重复声明同一变量名

对对象/数组做浅层防护:Object.freeze()

冻结后,对象顶层属性不可增、删、改,配置特性也被锁定:

chartjs-reporter
chartjs-reporter

此技能用于在用户需要将结构化数据(查询结果、CSV 摘要、JSON 记录或 Python 字典/列表)转换为独立的 HTML 页面时使用。

下载
  • const config = Object.freeze({apiUrl: '/v1', timeout: 5000})
  • 尝试 config.apiUrl = '/v2' 或 config.newKey = 1 都无效(非严格模式静默失败,严格模式报错)
  • 注意:Object.freeze() 只作用于当前层级,嵌套对象仍可变,例如 config.nested.objProp = 'hacked' 仍可能成功

需要深度防护时手动递归冻结

若配置含多层嵌套结构,需自己实现深冻结逻辑:

  • 遍历对象所有属性,对每个子对象也调用 Object.freeze()
  • 跳过 null、原始值、函数、Symbol 键等非对象类型
  • 用 WeakMap 记录已处理对象,避免循环引用导致栈溢出
  • 实际项目中建议只对明确的静态配置对象使用,避免滥用影响性能

开发习惯与团队约束

技术手段之外,规范更能减少误操作:

  • 命名约定:常量全大写加下划线,如 const MAX_RETRY_COUNT = 3,一眼识别不可变意图
  • 默认先用 const,只有确认需重赋值时才换 let;var 已基本淘汰
  • 模块顶层优先用 const 导出配置、工具函数等,配合 export 提升可维护性
  • 代码审查时关注 const 变量是否被意外修改内部状态,必要时补 Object.freeze()

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

javascript js

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

2023.09.20

2258

7

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

2026.10.22

0

11

Gradle Wrapper配置教程
Gradle Wrapper配置教程

本专题介绍Gradle Wrapper的基本作用,涵盖文件组成、生成方法、版本配置和任务调用,帮助你理解项目如何使用指定的Gradle版本,减少不同开发环境带来的构建差异。

2026.10.22

0

10

Golangci-lint检查器使用教程
Golangci-lint检查器使用教程

本专题整理Golangci-lint常用Linters的用途与配置方法,覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查,帮助项目合理选规则。

2026.10.22

0

15

Gradle怎么构建Java项目
Gradle怎么构建Java项目

本专题介绍Gradle Java项目构建方法,涵盖Java插件配置、依赖声明、源码编译、测试执行和打包检查,帮助你理解各阶段的任务关系,逐步完成项目构建。

2026.10.22

0

10

PHP时间戳漏洞修复教程
PHP时间戳漏洞修复教程

本专题汇总PHP常见时间戳漏洞,包括2038年溢出、时区漂移、时间戳伪造、重放攻击、时间盲注与日志审计失效等,并给出升级64位环境、使用 DateTimeImmutable、统一UTC、严格超时校验、预处理绑定、hash_equals 比对等修复方案,帮助开发者快速排查和加固时间相关代码。

2026.10.22

0

25

Golangci-lint配置文件与规则设置
Golangci-lint配置文件与规则设置

本专题聚焦Golangci-lint YAML配置文件,讲清运行参数、规则启停、目录排除、问题过滤及严重级别设置,便于团队统一检查标准。

2026.10.22

0

15

Golangci-lint安装与入门教程
Golangci-lint安装与入门教程

本专题讲解Golangci-lint的安装、初始化、基础命令和首次代码检查,覆盖本地环境、Docker及多平台用法,帮助Go开发者快速上手。

2026.10.22

0

15

PHP2Shell高危漏洞修复教程
PHP2Shell高危漏洞修复教程

PHP2Shell漏洞是什么,哪些PHP版本和运行环境会受到影响,服务器应该如何检测与修复?本专题提供版本自查脚本、Linux与Docker升级命令、PHP-FPM和Apache排查步骤,以及修复验证、临时缓解和应急响应方案。

2026.10.22

40

12

热门下载

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

精品课程

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

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.3万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.7万人学习