0

0

html中给全局变量赋值后如何不让他改变

碧海醫心

碧海醫心

发布时间:2026-02-17 19:16:48

|

977人浏览过

|

来源于php中文网

原创

const声明的全局变量并非真正不可变,它仅防止变量重新赋值,不阻止对象属性修改;引用类型需object.freeze()浅冻结,深冻结需递归处理;挂载到window的变量须用object.defineproperty()锁定writable和configurable。

html中给全局变量赋值后如何不让他改变

JavaScript 中用 const 声明的全局变量真不会变吗?

不是。const 只保证绑定不被重新赋值,不保证值本身不可变。比如 const obj = {},后续写 obj.key = 1 完全合法,但 obj = {} 会报错。

  • 真正“不变”的是变量名和它指向的内存地址,不是对象内容
  • 原始类型(stringnumberboolean)用 const 基本等效于“不可修改”
  • 引用类型(ObjectArrayFunction)必须额外冻结才安全

想让对象或数组全局变量彻底只读,得用 Object.freeze()

Object.freeze() 是唯一能阻止属性增删改的原生方法,但它只做浅冻结——只封顶层属性,不递归冻结嵌套对象。

  • 对全局对象直接调用:Object.freeze(myGlobalConfig)
  • 冻结后尝试 myGlobalConfig.x = 2 在严格模式下会静默失败(非严格模式也无效)
  • 如果 myGlobalConfig.nested 是个对象,myGlobalConfig.nested.prop = 1 仍能成功
  • 需要深冻结时,得自己递归调用 Object.freeze() 或用 structuredClone() + 冻结组合(注意兼容性)

浏览器环境里挂到 window 上的变量怎么防改?

手动挂到 window 的变量,默认是可配置、可写的,必须用 Object.defineProperty() 锁死。

EasySite
EasySite

零代码AI网站开发工具

下载
  • 别写 window.API_BASE = 'https://api.example.com' —— 这种随时能被覆盖
  • 正确做法:
    Object.defineProperty(window, 'API_BASE', {
      value: 'https://api.example.com',
      writable: false,
      configurable: false,
      enumerable: true
    });
  • writable: false 阻止赋值;configurable: false 防止被 delete 或重新定义
  • 注意:IE9+ 支持,但某些老版本 Safari 对 configurable: false 有 bug

模块级全局变量(ESM)还有必要防改吗?

ES 模块顶层的 export const 在导入方是只读引用,但导出方内部仍可能改——除非你控制全部代码入口。

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

  • export const settings = { timeout: 5000 }; → 导入后 settings.timeout = 1000 有效(因为对象可变)
  • 如果模块内自己没改,且所有使用者都通过 import 使用,那实际风险较低
  • 真正要防的是第三方脚本或调试时在控制台直接操作,这时候还是得靠 Object.freeze()defineProperty
  • 构建工具(如 Webpack)的 mode: 'production' 不会自动冻结变量,别依赖它
冻结和定义属性的行为在运行时生效,而且不可逆。一旦漏掉某一层嵌套,或者忘了锁 window 属性的 configurable,就等于留了后门。

热门AI工具

更多
DeepSeek
DeepSeek

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

豆包大模型
豆包大模型

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

通义千问
通义千问

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

腾讯元宝
腾讯元宝

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

文心一言
文心一言

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

讯飞写作
讯飞写作

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

即梦AI
即梦AI

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

ChatGPT
ChatGPT

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

相关专题

更多
string转int
string转int

在编程中,我们经常会遇到需要将字符串(str)转换为整数(int)的情况。这可能是因为我们需要对字符串进行数值计算,或者需要将用户输入的字符串转换为整数进行处理。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

750

2023.08.02

java中boolean的用法
java中boolean的用法

在Java中,boolean是一种基本数据类型,它只有两个可能的值:true和false。boolean类型经常用于条件测试,比如进行比较或者检查某个条件是否满足。想了解更多java中boolean的相关内容,可以阅读本专题下面的文章。

361

2023.11.13

java boolean类型
java boolean类型

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

37

2025.11.30

c语言const用法
c语言const用法

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

547

2023.09.20

全局变量怎么定义
全局变量怎么定义

本专题整合了全局变量相关内容,阅读专题下面的文章了解更多详细内容。

85

2025.09.18

python 全局变量
python 全局变量

本专题整合了python中全局变量定义相关教程,阅读专题下面的文章了解更多详细内容。

101

2025.09.18

数据库Delete用法
数据库Delete用法

数据库Delete用法:1、删除单条记录;2、删除多条记录;3、删除所有记录;4、删除特定条件的记录。更多关于数据库Delete的内容,大家可以访问下面的文章。

287

2023.11.13

drop和delete的区别
drop和delete的区别

drop和delete的区别:1、功能与用途;2、操作对象;3、可逆性;4、空间释放;5、执行速度与效率;6、与其他命令的交互;7、影响的持久性;8、语法和执行;9、触发器与约束;10、事务处理。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

220

2023.12.29

pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法
pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法

本专题系统整理pixiv网页版官网入口及登录访问方式,涵盖官网登录页面直达路径、在线阅读入口及快速进入方法说明,帮助用户高效找到pixiv官方网站,实现便捷、安全的网页端浏览与账号登录体验。

462

2026.02.13

热门下载

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

精品课程

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

共46课时 | 3.4万人学习

AngularJS教程
AngularJS教程

共24课时 | 3.7万人学习

CSS教程
CSS教程

共754课时 | 32.7万人学习

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

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