作者:滴滴公共前端团队 - YXY
前言:
很多人看 Vue 2.* 版本源码的时候也会注意到频繁出现的 Object.freeze()
本文我们通过学习查看 MDN 的介绍做了一下个人总结并分享出来,如果会的同学就可以直接忽略。
正文:
Object.freeze()
冻结一个对象
冻结:
不能向这个对象添加新的属性
不能修改其已有属性的值
不能删除已有属性
不能修改该对象已有属性的可枚举性、可配置性、可写性
-- 这个对象永远是不可变的。该方法返回被冻结的对象。
语法
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";复制代码
参考:
developer.mozilla.org/zh-CN/docs/…
developer.mozilla.org/zh-CN/docs/…
欢迎关注DDFE
GITHUB:github.com/DDFE
微信公众号:微信搜索公众号“DDFE”或扫描下面的二维码