阅读 1897

[JS 基础] 对象冻结

作者:滴滴公共前端团队 - 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”或扫描下面的二维码

关注下面的标签,发现更多相似文章
评论