[JS 基础] 对象冻结

最新推荐文章于 2023-06-20 13:29:47 发布

weixin_33749242

最新推荐文章于 2023-06-20 13:29:47 发布

阅读量115

点赞数

文章标签： javascript 前端 ViewUI

原文链接：https://juejin.im/post/58998e625c497d00560c0c11

版权

作者：滴滴公共前端团队 - YXY

很多人看 Vue 2.* 版本源码的时候也会注意到频繁出现的 Object.freeze()

本文我们通过学习查看 MDN 的介绍做了一下个人总结并分享出来，如果会的同学就可以直接忽略。

冻结一个对象
冻结：
不能向这个对象添加新的属性
不能修改其已有属性的值
不能删除已有属性
不能修改该对象已有属性的可枚举性、可配置性、可写性
-- 这个对象永远是不可变的。该方法返回被冻结的对象。

Object.freeze(obj)

obj => 将要被冻结的对象

被冻结的对象

冻结对象的所有自身属性都不可能以任何方式被修改。

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

如果一个属性的值是个对象，则这个对象中的属性是可以修改的，除非它也是个冻结对象。

var ddfe = {
    job: "fe"
};

// 正常情况，可以操作对象的属性
ddfe.from = "beijin";
delete ddfe.from复制代码

var o = Object.freeze(ddfe);
// 判断是否被冻结，这里返回 true
console.log(Object.isFrozen(o));

// 静默失败，obj 没有改变
obj.like = "iOS";复制代码

参考：

欢迎关注DDFE
GITHUB：github.com/DDFE
微信公众号：微信搜索公众号“DDFE”或扫描下面的二维码

关注