Object.freeze 作用

最新推荐文章于 2026-04-07 18:08:47 发布
原创 最新推荐文章于 2026-04-07 18:08:47 发布 · 351 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
AboutFrontend

当前文章被收录于：

AboutFrontend
48 篇文章 0 人学习

前端技术。 vue, angular, react, webpack, node...

订阅专栏 查看详情
本文探讨了JavaScript中使用const声明变量与利用Object.freeze()冻结对象之间的差异。const仅限制简单类型值的变更，而对象仍可修改。为确保对象不可变，应采用Object.freeze()。此外，该文还详细介绍了Object.freeze()的功能，包括阻止添加新属性、禁止删除已有属性、防止更改属性特性等。

前端记录，内容测试过

1 Object.freeze与const的区别

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

2 Detail

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

js中Object.freeze()函数的作用
aBingNa的博客
11-16 5268
官方文档 Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。此外，冻结一个对象后该对象的原型也不能被修改。freeze() 返回和传入的参数相同的对象。 let obj = { a: 1, b: 2 } // 将obj对象进行冻结 Object.freeze(obj) // 给obj添加属性。输出查看,发现并未添加上 obj.
Object.freeze()的作用
weixin_41171651的博客
03-29 3102
在看VUE官方文档讲到data的时候有提到这样一句话: 这里唯一的例外是使用 Object.freeze()，这会阻止修改现有的 property，也意味着响应系统无法再追踪变化 所以记录一下Object.freeze()的作用. Object.freeze()方法可以冻结一个对象 一个被冻结的对象再也不能被修改 不能添加新属性 不能删除已有属性 不能修改已有属性的可枚举性、可配置性、可写性 不能修改已有属性的值 不能修改原型 总的来说跟const声明一个常量差不多，但是我们使用const声明一个对
JavaScript Object.freeze() 详解
最新发布
Front end development engineer
04-07 425
Object.freeze() 是 JavaScript 中的一个内置方法，用于使对象变为不可变（immutable）状态，防止其属性被修改、添加或删除
Vue性能提升之Object.freeze()
muzidigbig的博客
12-24 1万+
一、序 在 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()有什么用
前端阿玉博客
02-08 1630
Object.freeze() 是 ES5 的新增特性，可以冻结一个对象，冻结的意思是不能向这个对象添加新的属性，不能修改其已有的属性值，不能删除已有属性，以及不能修改该对象已有属性的可枚举性、可配置性、可写性。防止对象被修改，但不能防止被修改引用。如果你有一个巨大的数组或 Object，并且确信数据不会修改，使用 Object.freeze() 可以让性能大幅提升，多用于展示。 freeze可以用来实现const object.freeze 可以让 vue 不添加响应 ...
Object.freeze原来有这么大的作用
我的博客
08-02 973
如果你有一个巨大的数组或Object，并且确信数据不会修改，使用Object.freeze()可以让性能大幅提升。这种提升大约有5~10倍，倍数随着数据量递增,对于纯展示的大数据，都可以使用Object.freeze提升性能。...
JavaScript 中Object.seal()方法的作用，它与Object.freeze()有何不同？
前端大白话
04-02 841
例如，在一个表单验证模块中，有一个配置对象存储了验证规则，你不希望在后续的代码中意外添加或删除规则，但可能需要根据不同的情况调整已有规则的值。当你希望一个对象的属性结构保持稳定，不希望在后续的代码中意外添加或删除属性，但又需要保留修改已有属性值的灵活性时，可以使用。方法的作用是封闭一个对象，这意味着你不能给这个对象添加新的属性，也不能删除已有的属性，不过你可以修改对象已有属性的值。方法的作用是冻结一个对象，这意味着你既不能给这个对象添加新的属性，也不能删除已有的属性，并且不能修改对象已有属性的值。
JavaScript中的Object.freeze与const之间的区别(译)
weixin_34372728的博客
05-31 275
原文：The differences between Object.freeze() vs Const in JavaScript 作者：Bolaji Ayodeji 本文经授权翻译转载，版权归原作者所有！ 自ES6发布以来，ES6给JavaScript带来了一些新特性和方法。对于JavaScript开发者来说，这些特性能够很好地改善了我们的工作流程以及工作效率，其中的特性就包括 O...
Object.freeze和Object.seal分析
chenyin161的博客
12-01 2006
1.Object.seal就是封闭某个对象,主要就是两点： 1）阻止添加新属性； 2）现有属性变得不可配置(non-configurable) 第一点比较好理解，就是不能给对象设置未知属性，举个例子来说： var person = {}; Object.seal(person); person.name= '111' console.log(person) //output: {} 我们...
深入了解Object.freeze()和Object.seal()
flitrue的博客
12-24 2627
本篇文章主要深入介绍ES6中Object.freeze()和Object.seal()的新特性，方便大家理解。
JS：use strict严格模式与Object.freeze冻结变量
Y_ooo的博客
11-23 688
一、use strict严格模式：高质量代码守卫 严格模式的作用域：当前作用域及其子作用域 严格模式使一切不规范的代码都会报错，使代码可用范围更广泛，举几个例子。 <body> <script> "use strict"; web = 22; console.log(web); </script> </body> 例如变量未被定义，使用严格模式会提醒报错。 <body> &
Object.freeze和Object.seal
.
06-19 431
===============Object.freeze=============== const freeObj = {name: 'zyn'} const freeObj1 = Object.freeze(freeObj) freeObj === freeObj1 // true Object.isExtensible(freeObj1) // false 不可以被扩展 Object.getO...
冻结数据的方法，防止被修改Object.freeze()
一个在全能之路上越走越远的男人。
11-21 1288
Object.freeze()方法接收一个参数，如果此参数是一个对象，则此方法把这个对象冻结，如果是其他类型则不会报错，无影响。 被冻结的对象不能修改、添加、删除其属性或者属性值 let obj = {"a":5}; Object.freeze(obj); //return 此obj obj.a = 3; //不会报错 console.log(obj); //仍然是 {"a":...
从 Vue 文档中延伸的 Object.freeze()
Jackie_Rose的博客
06-05 469
序： 在 Vue 的文档中介绍数据绑定和响应时，特意标注了对于经过Object.freeze() 方法的对象无法进行更新响应。因此，特意去查了 Object.freeze() 方法的具体含义。 含义： Object.freeze() 方法用于冻结对象，禁止对于该对象的属性进行修改（由于数组本质也是对象，因此该方法可以对数组使用）。在 Mozilla MDN 中是如下介绍的： 可以冻结一...
Object.freeze()和Object.isFrozen()
qq_42238554的博客
11-14 804
Object.freeze() 作用：冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。此外，冻结一个对象后该对象的原型也不能被修改。freeze() 返回和传入的参数相同的对象。 描述：被冻结对象自身的所有属性都不可能以任何方式被修改。 语法 Object.fr...
JS基础 块作用域
wgchen
01-24 688
阅读目录共同点varletconst重复定义Object.freeze传值与传址 共同点 var/let/const 共同点是全局作用域中定义的变量，可以在函数中使用 var hd = 'wgcehn'; function show() { return hd; } console.log(show()); 函数中声明的变量，只能在函数及其子函数中使用 function hd() { var web = "wgcehn"; function show() { console.log
Object.seal()与Object.freeze()
ygunoil的博客
06-08 94
1、Object.seal() 　　参考文档(2)中这样描述： TheObject.seal()method seals an object,preventing new properties from being addedto it andmarking all existing properties as non-configurable. Values of present ...
js | 作用域
YuuuPeeiiiii的博客
11-12 341
【代码】js | 作用域。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值