Object.freeze 作用

最新推荐文章于 2023-08-17 10:17:50 发布
最新推荐文章于 2023-08-17 10:17:50 发布
阅读量237 收藏
点赞数
分类专栏： AboutFrontend
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Tmraz/article/details/116659971
版权

前端记录，内容测试过

1 Object.freeze与const的区别

  1. const声明简单类型的值不能修改，对象却是可以修改的
  2. 如果想禁止一个对象的修改就可以用Object.freeze()

2 Detail

Object.freeze()方法可以冻结一个对象
一个被冻结的对象再也不能被修改
不能添加新属性
不能删除已有属性
不能修改已有属性的可枚举性、可配置性、可写性
不能修改已有属性的值
不能修改原型

leemraz
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
babel-plugin-strip-object-freeze：将Object.freeze（value）的所有实例替换为value
01-30
巴别尔插件条对象冻结 将Object.freeze(value)所有实例替换为value 如果在开发中大量使用Object.freeze()来实施约束，则可能不希望使用此插件剥离生产中的Object.freeze()调用以提高性能。 安装 npm install --save-dev babel-plugin-strip-object-freeze 用法 建议您仅在生产版本中使用此插件。 // babel.config.js let presets = [ ... ] let plugins = [ ... ] if ( process . env . NODE_ENV === "production" ) { plugins . push ( "babel-plugin-strip-object-freeze" ) } module . exports = { presets , plugins } 例 输入： Object . freeze ( value ) 输出： value
JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析
10-18
主要介绍了JS Object.preventExtensions(),Object.seal()与Object.freeze()用法,结合实例形式分析了javascript控制对象扩展、密封、冻结等相关函数与操作技巧,需要的朋友可以参考下
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.
Vue性能提升之Object.freeze()
muzidigbig的博客
12-24 6629
一、序 在 Vue 的文档中介绍数据绑定和响应时，特意标注了对于经过 Object.freeze() 方法的对象无法进行更新响应。因此，特意去查了 Object.freeze() 方法的具体含义。 二、含义 Object.freeze() 方法用于冻结对象，禁止对于该对象的属性进行修改（由于数组本质也是对象，因此该方法可以对数组使用）。在 Mozilla MDN 中是如下介绍的： 可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修
js中Object.freeze()函数的作用
weixin_46115723的博客
11-16 4982
官方文档 Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。此外，冻结一个对象后该对象的原型也不能被修改。freeze() 返回和传入的参数相同的对象。 let obj = { a: 1, b: 2 } // 将obj对象进行冻结 Object.freeze(obj) // 给obj添加属性。输出查看,发现并未添加上 obj.
Object.freeze()的作用
weixin_41171651的博客
03-29 2737
在看VUE官方文档讲到data的时候有提到这样一句话: 这里唯一的例外是使用 Object.freeze()，这会阻止修改现有的 property，也意味着响应系统无法再追踪变化 所以记录一下Object.freeze()的作用. Object.freeze()方法可以冻结一个对象 一个被冻结的对象再也不能被修改 不能添加新属性 不能删除已有属性 不能修改已有属性的可枚举性、可配置性、可写性 不能修改已有属性的值 不能修改原型 总的来说跟const声明一个常量差不多，但是我们使用const声明一个对
object.freeze()有什么用
前端阿玉博客
02-08 1305
Object.freeze() 是 ES5 的新增特性，可以冻结一个对象，冻结的意思是不能向这个对象添加新的属性，不能修改其已有的属性值，不能删除已有属性，以及不能修改该对象已有属性的可枚举性、可配置性、可写性。防止对象被修改，但不能防止被修改引用。如果你有一个巨大的数组或 Object，并且确信数据不会修改，使用 Object.freeze() 可以让性能大幅提升，多用于展示。 freeze可以用来实现const object.freeze 可以让 vue 不添加响应 ...
Object.freeze原来有这么大的作用
我的博客
08-02 775
如果你有一个巨大的数组或Object，并且确信数据不会修改，使用Object.freeze()可以让性能大幅提升。这种提升大约有5~10倍，倍数随着数据量递增,对于纯展示的大数据，都可以使用Object.freeze提升性能。...
Object.freeze()
weixin_39593900的博客
02-22 500
本文转载自https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性...
deep-freeze:在对象和函数上递归Object.freeze（）
05-28
深度冻结递归Object.freeze()对象例子 var deepFreeze = require ( 'deep-freeze' ) ;deepFreeze ( Buffer ) ;Buffer . x = 5 ;console . log ( Buffer . x === undefined ) ;Buffer . prototype . z = 3 ;console ....
freeze-prototypes:冻结诸如 Array.prototype 之类的常见原型，以避免任何库弄乱它们
06-02
冷冻原型 冻结诸如 Array.prototype 之类的常见原型，以避免任何库弄乱它们 阅读 用 在加载主要受信任库之后，可能在您自己的应用程序代码之前，但在不受信任的...如果您在没有Object.freeze的旧浏览器中运行，那么它是
Object.freeze()和Object.isFrozen()
qq_42238554的博客
11-14 681
Object.freeze() 作用：冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。此外，冻结一个对象后该对象的原型也不能被修改。freeze() 返回和传入的参数相同的对象。 描述：被冻结对象自身的所有属性都不可能以任何方式被修改。 语法 Object.fr...
Object.freeze()冻结对象
Youkiu
09-26 1320
1.作用（六不能，三可性，一但是） Object.freeze(obj1);//对对象进行冻结 Object.freeze()方法可以冻结一个对象，冻结后的对象不能进行修改，不能对改对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性，可配置性，可写性，已经不能修改已有属性的值，该对象的原型也不能被修改。若没有进行深层次冻结，则对象的属性若是对象，则该对象的属性可以修改。 freeza返回和传入的参数相同的对象 2.使用方法 对象的例子 obj1={ a:1, obj2:{
Object.freeze()的使用场景
最新发布
m0_58099509的博客
08-17 366
Object.freeze()的使用场景
Object.freeze()函数的使用
做一个有知识的流氓
03-05 1万+
2019/2/14 分享一个刚学到的知识 Object.freeze() 这是一个函数 这个函数的作用就是将对象进行冻结 就好比咱们封装好一个对象 但是又不希望后续对这个队形近修改 就可以使用这个函数进行冻结 冻结后的对象不会在被修改, 不能对这个对象进行添加新属性, 不能删除已有属性, 不能修改该对象已有属性的可枚举性, 可配置性, 可写性. 此外冻结一个对象后该对象的原型也不能进行修改....
Object.freeze的使用
MaRain
01-18 4697
定义 Object.freeze() 方法可以冻结一个对象，冻结指的是不能向这个对象添加新的属性，不能修改其已有属性的值，不能删除已有属性，以及不能修改该对象已有属性的可枚举性、可配置性、可写性。该方法返回被冻结的对象。 案例 冻结对象 var obj = { prop: function() {}, foo: 'bar' }; // 新的属性会被添加, 已存在的属性可能 // 会被修改...
Object.freeze的使用和详解
Suk__的博客
02-27 637
首先我们看看MDN老大的描述: 也就是说被冻结的对象的属性不能对他进行任何增删改操作,包括原型上的属性,这样我们可以使用在只用于展示的数据上,冻结后vue就不会给他添加响应式getter和setter了,减少了vue对对象的绑定,提高了性能,冻结后的对象属性改了他视图也不会发生响应 这个冻结可以理解为使用了Object.defineProperty设置了对象属性的可读写限制后的效果 new Vue({ data: { // vue不会对list里的object做
Vue-Frame目录
既然青春留不住，还是做个大叔好!
06-30 7523
内容如下图: 首先是Vue-QA，记录踩坑的问题。 其次为结合实际应用去开发三维的基础框架。 开源的GIS结合潮流的前端，网上有很多示例，参考的同时也把现有的一些功能做一次整合。
object.freeze
04-04
The `Object.freeze()` method is used to freeze an object. When an object is frozen, the properties of the object cannot be modified, added, or removed. This means that the object becomes immutable, and any attempt to modify it will result in an error. The `Object.freeze()` method returns the same object that was passed to it as an argument. Example: ```js const obj = { name: "John", age: 30 }; // Freeze the object Object.freeze(obj); // Trying to modify the object will result in an error obj.age = 40; // Throws an error // Trying to add a new property will also result in an error obj.gender = "male"; // Throws an error ``` Note that `Object.freeze()` only freezes the top-level properties of an object. If the properties of an object are themselves objects, those nested objects are not automatically frozen. To freeze the nested objects as well, you need to call `Object.freeze()` on each of them separately.

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值