Object.freeze()

最新推荐文章于 2024-09-19 23:23:36 发布
最新推荐文章于 2024-09-19 23:23:36 发布
阅读量438 收藏
点赞数
分类专栏： ES6 Vue 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44447255/article/details/119937201
版权
Object.freeze()方法用于冻结一个对象，使其不可修改。冻结后，对象的属性无法添加、删除或更改，同时原型也无法修改。冻结的数组元素虽然不能直接修改，但其包含的对象属性如果未被冻结，仍可变动。为了实现深度冻结，需要递归冻结所有子对象。此方法在处理大数据且不需要修改的情况下，能提升性能，尤其在Vue等框架中，对于冻结的数据，不会进行响应式处理。
摘要由CSDN通过智能技术生成

Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。此外，冻结一个对象后该对象的原型也不能被修改。freeze() 返回和传入的参数相同的对象。

语法：

Object.freeze(obj)

// obj 参数 要被冻结的对象。

返回值：被冻结的对象

被冻结对象自身的所有属性都不可能以任何方式被修改。任何修改尝试都会失败，无论是静默地还是通过抛出TypeError异常（最常见但不仅限于strict mode）。

数据属性的值不可更改，访问器属性（有getter和setter）也同样（但由于是函数调用，给人的错觉是还是可以修改这个属性）

最低0.47元/天 解锁文章
棠樾
关注
专栏目录
Object.seal 和 Object.freeze 方法之间有什么区别？
liuhao9999的博客
03-22 472
Object.freeze() Object.freeze()方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。此外，冻结一个对象后该对象的原型也不能被修改。freeze()返回和传入的参数相同的对象。 Object.seal() Object.seal()方法封闭一个对象，阻止添加新属性并将所有现有属性标记为不可配置。当前属性的值只要可写就可以改变。 ..
Object.freeze()冻结对象
Syleapn的博客
12-19 999
用处： 1、一个大的数据对象里，在你确信它不需要改变的时候，你可以给他freeze()，可以大大的增加性能。 2、也可用作冻结线上的配置文件中的对象，以防有人误改。 ​ const nums = 6; nums = 7; console.log("num==",num); ​ const 声明一个常量，一旦声明，常量的值就不能改变，报错Uncaught TypeError: Assi...
vue中Object.freeze() 优化数据
Boboy
11-27 7465
freeze翻译成汉语有冻结的意思使用 ,Object.freeze()是ES5新增的特性，可以冻结一个对象，这会阻止修改现有的属性，也意味着响应系统无法再追踪变化。 来看他的定义：Object.freeze() 方法可以冻结一个对象，冻结指的是不能向这个对象添加新的属性，不能修改其已有属性的值，不能删除已有属性，以及不能修改该对象已有属性的可枚举性、可配置性、可写性。该方法返回被冻结的对象。 ...
【PyQt5】object属性
最新发布
qq_42184753的博客
09-19 378
QObject属性学习，后续补充子学习内容
vue中Object.freeze()
memoryI的博客
05-09 1292
Object.freeze()会阻止现有的属性，响应系统无法追踪变化 var obj={ foo:'bar' } Object.freeze(obj) new Vue({ el:'#app', data:obj }) <div> <p>{{foo}}</p> 重点 <!-- 这里的foo不会更新 --&g...
VUE中的Object.freeze
weixin_46382167的博客
10-08 868
场景:一个长列表数据,一般不会更改,但是vue会做getter和setter的转换 用法:是ES5新增的特性，可以冻结一个对象，防止对象被修改 支持:vue 1.0.18+对其提供了支持，对于data或vuex里使用freeze冻结了的对象，vue不会做getter和setter的转换 注意:冻结只是冻结里面的单个属性,引用地址还是可以更改 new Vue({ data: {// vue不会对list里的object做getter、setter绑定 list: Object.
JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析
10-18
在JavaScript中，`Object.preventExtensions()`，`Object.seal()` 和 `Object.freeze()` 是用于对象状态控制的关键函数，它们允许开发者限制对对象的修改。这些方法对于创建不可变数据结构或者确保对象在特定阶段...
Object.freeze()学习
weixin_42464106的博客
07-29 1033
不能再向这个对象添加新的属性，不能修改原有属性值，不能删除已有属性，不能修改已有属性的可枚举性、可配置性、可写性。如果对象内容很多，都是静态数据，而且不会修改它，那可以用Object.freeze()冻结起来。这样可以让性能大幅度提升，提升的效果随着数据量的递增而递增。对于纯展示的大数据，都可以使用Object.freeze提升性能。在vue项目中,data初始化里面一般会有很多变量,后续如果不想使用它,可以使用Object.freeze()。data(){return{list文章地址。...
Vue性能提升之Object.freeze()
muzidigbig的博客
12-24 8613
一、序 在 Vue 的文档中介绍数据绑定和响应时，特意标注了对于经过 Object.freeze() 方法的对象无法进行更新响应。因此，特意去查了 Object.freeze() 方法的具体含义。 二、含义 Object.freeze() 方法用于冻结对象，禁止对于该对象的属性进行修改（由于数组本质也是对象，因此该方法可以对数组使用）。在 Mozilla MDN 中是如下介绍的： 可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修
Object.freeze()详解
热门推荐
cai_niao5623的博客
11-02 1万+
我们都知道const定义基本数据类型，这个值是不可以修改的。那么我们用const定义对象，可以修改对象吗？ const a = 5 // a = 10 // TypeError: Assignment to constant variable. const obj = { name: '张三' } obj.name = '李四' console.log(obj) // {name: "李四"} 答案是肯定的。那么如果我们想定义一个不可被修改的对象，应该怎么办呢！那就要用到Object.
关于Object.freeze()
weixin_42050406的博客
05-19 279
今天正好用到了 -- Object.freeze()是ES5新增的特性，可以冻结一个对象，防止对象被修改。 vue 1.0.18+对其提供了支持，对于data或vuex里使用freeze冻结了的对象，vue不会做getter和setter的转换。 如果你有一个巨大的数组或Object，并且确信数据不会修改，使用Object.freeze()可以让性能大幅提升。 一个被冻结的对象再也不能被修改 不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可..
Object.freeze()是什么
DOVISK的博客
09-14 1040
用于冻结对象，使其属性不能被修改、删除或添加新的属性。非深度冻结只能冻结对象的顶层属性，对于嵌套对象需要递归处理。函数：通过递归调用，实现对象及其嵌套对象的深度冻结，确保整个对象结构的不可变性。是一个实用的工具函数，适合用于需要递归冻结复杂嵌套对象的场景。
Object.freeze()函数的使用
weixin_44215068的博客
05-05 1287
Object.freeze() 方法 可以冻结一个对象，冻结指的是不能向这个对象添加新的属性，不能修改其已有属性的值，不能删除已有属性，以及不能修改该对象已有属性的可枚举性、可配置性、可写性。该方法返回被冻结的对象。 Object.freeze()存在的意义 如果你有一个巨大的数组或Object，并且确信数据不会修改，使用Object.freeze()可以让性能大幅提升。这种提升大约有5~10倍，倍数随着数据量递增,对于纯展示的大数据，都可以使用Object.freeze提升性能。 ...
Object.freeze
m0_60010733的博客
12-19 335
尤其是做管理后台的时候，经常会有一些超大数据量的 table，或者一个含有 n 多数据的图表，这种数据量很大的东西使用起来最明显的感受就是卡。当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter，它们让 Vue 能进行追踪依赖，在属性被访问和修改时通知变化。Object.freeze(只支持浅冻结，比如说两层对象 只能冻结外面那一层)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值