Object.freeze 作用

最新推荐文章于 2025-09-19 15:52:09 发布
原创 最新推荐文章于 2025-09-19 15:52:09 发布 · 325 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了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()`：创建不可变对象，防止意外修改
weixin_41455464的博客
07-20 615
是 JavaScript 提供的一个方法，用于冻结一个对象。一旦一个对象被冻结，你就不能再往里面添加新的属性，也不能删除或修改现有的属性。是 JavaScript 提供的一个非常有用的方法，可以帮助你创建不可变的对象，防止意外修改，提高代码的可读性和可维护性。各位观众老爷们，大家好！的用法，可以让你编写出更加健壮和可靠的 JavaScript 代码。的用法非常简单，只需要将要冻结的对象作为参数传递给它即可。只能冻结对象的直接属性，而不能递归地冻结对象的属性值。对象的属性，或者添加新的属性，都没有任何效果。
Object.seal 和 Object.freeze 方法之间有什么区别？
liuhao9999的博客
03-22 705
Object.freeze() Object.freeze()方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。此外，冻结一个对象后该对象的原型也不能被修改。freeze()返回和传入的参数相同的对象。 Object.seal() Object.seal()方法封闭一个对象，阻止添加新属性并将所有现有属性标记为不可配置。当前属性的值只要可写就可以改变。 ..
Object.freeze()的作用
weixin_41171651的博客
03-29 3083
在看VUE官方文档讲到data的时候有提到这样一句话: 这里唯一的例外是使用 Object.freeze()，这会阻止修改现有的 property，也意味着响应系统无法再追踪变化 所以记录一下Object.freeze()的作用. Object.freeze()方法可以冻结一个对象 一个被冻结的对象再也不能被修改 不能添加新属性 不能删除已有属性 不能修改已有属性的可枚举性、可配置性、可写性 不能修改已有属性的值 不能修改原型 总的来说跟const声明一个常量差不多，但是我们使用const声明一个对
Object.freeze()
weixin_42413684的博客
07-25 766
Object.freeze()阻止修改现有属性的特性和值，并阻止添加新属性。 Object.freeze(object) 1 返回值是传递给函数的对象。 可以利用这个方法将对象彻底冻结，使其符合const变量的含义 let obj = { a: 1, b: { b1: 2 } }; obj.b.b1 = 3; console.log(obj.b.b1 ); //3...
object.freeze()有什么用
前端阿玉博客
02-08 1595
Object.freeze() 是 ES5 的新增特性，可以冻结一个对象，冻结的意思是不能向这个对象添加新的属性，不能修改其已有的属性值，不能删除已有属性，以及不能修改该对象已有属性的可枚举性、可配置性、可写性。防止对象被修改，但不能防止被修改引用。如果你有一个巨大的数组或 Object，并且确信数据不会修改，使用 Object.freeze() 可以让性能大幅提升，多用于展示。 freeze可以用来实现const object.freeze 可以让 vue 不添加响应 ...
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.
JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析
10-18
在JavaScript中，`Object.preventExtensions()`，`Object.seal()` 和 `Object.freeze()` 是用于对象状态控制的关键函数，它们允许开发者限制对对象的修改。这些方法对于创建不可变数据结构或者确保对象在特定阶段...
Object.freeze和Object.seal分析
chenyin161的博客
12-01 1981
1.Object.seal就是封闭某个对象,主要就是两点： 1）阻止添加新属性； 2）现有属性变得不可配置(non-configurable) 第一点比较好理解，就是不能给对象设置未知属性，举个例子来说： var person = {}; Object.seal(person); person.name= '111' console.log(person) //output: {} 我们...
Object.freeze()的使用场景
m0_58099509的博客
08-17 743
Object.freeze()的使用场景
`Object.freeze()` 的核心作用：
靡不有初，鲜克有终
09-19 203
一旦对象被 `freeze`，**无法添加 getter/setter**，Vue 会直接跳过，**性能大幅提升**（少 70%+ 初始化耗时），但**视图永远不会更新**。| `Object.freeze(obj)` + 递归 | **深冻结** | ❌ | ❌ || `Object.freeze()` | **浅冻结**（只冻第一层） | ❌ | ❌ |- 如后续仍需响应式，**不要 freeze**；> **把对象「**深冻结**」，让它**完全只读**、**不可增删改**。### 3. 典型用法。
js中Object.freeze()函数的作用
aBingNa的博客
11-16 5233
官方文档 Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。此外，冻结一个对象后该对象的原型也不能被修改。freeze() 返回和传入的参数相同的对象。 let obj = { a: 1, b: 2 } // 将obj对象进行冻结 Object.freeze(obj) // 给obj添加属性。输出查看,发现并未添加上 obj.
Object.freeze的使用和详解
Suk__的博客
02-27 799
首先我们看看MDN老大的描述: 也就是说被冻结的对象的属性不能对他进行任何增删改操作,包括原型上的属性,这样我们可以使用在只用于展示的数据上,冻结后vue就不会给他添加响应式getter和setter了,减少了vue对对象的绑定,提高了性能,冻结后的对象属性改了他视图也不会发生响应 这个冻结可以理解为使用了Object.defineProperty设置了对象属性的可读写限制后的效果 new Vue({ data: { // vue不会对list里的object做
vue中Object.freeze() 优化数据
Boboy
11-27 7682
freeze翻译成汉语有冻结的意思使用 ,Object.freeze()是ES5新增的特性，可以冻结一个对象，这会阻止修改现有的属性，也意味着响应系统无法再追踪变化。 来看他的定义：Object.freeze() 方法可以冻结一个对象，冻结指的是不能向这个对象添加新的属性，不能修改其已有属性的值，不能删除已有属性，以及不能修改该对象已有属性的可枚举性、可配置性、可写性。该方法返回被冻结的对象。 ...
关于Object.freeze()
weixin_42050406的博客
05-19 335
今天正好用到了 -- Object.freeze()是ES5新增的特性，可以冻结一个对象，防止对象被修改。 vue 1.0.18+对其提供了支持，对于data或vuex里使用freeze冻结了的对象，vue不会做getter和setter的转换。 如果你有一个巨大的数组或Object，并且确信数据不会修改，使用Object.freeze()可以让性能大幅提升。 一个被冻结的对象再也不能被修改 不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可..
Object.freeze
weixin_43826136的博客
09-02 452
Object.freeze方法的作用 Object.freeze()是ES5新增的特性，Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。此外，冻结一个对象后该对象的原型也不能被修改。freeze() 返回和传入的参数相同的对象。 Object.freeze方法冻结对象有如下特点： （1）.对象不能被扩展，也就是不能...
Object.freeze函数使用
念念不忘的博客
07-02 420
刷到一道关于Object.freeze方法的面试题，题目如下 下列哪一项会对对象person有副作用 const person = { name: 'jing', address: { street: '海淀区', }, } Object.freeze(person) A. person.name = 'Evan'; B. delete person.address; C. person.address.street = '朝阳区'; D. person
Object.freeze原来有这么大的作用
我的博客
08-02 937
如果你有一个巨大的数组或Object，并且确信数据不会修改，使用Object.freeze()可以让性能大幅提升。这种提升大约有5~10倍，倍数随着数据量递增,对于纯展示的大数据，都可以使用Object.freeze提升性能。...
object.freeze有什么作用
最新发布
12-17
首先，用户的问题是关于JavaScript中Object.freeze方法的作用。用户明确说：“我想了解JavaScript中Object.freeze方法有什么作用”，所以我需要专注于回答这个。 从系统级指令中，我有几个关键点： - 所有行内数学...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值