如何在 JS 中“深冻结”对象？

1.如果咱们想要确保对象被深冻结，就必须创建一个递归函数来冻结对象类型的每个属性：

2.没有深冻结

> let person = {
> name: "Leonardo",
> profession: {
> name: "developer"
> } }; Object.freeze(person); person.profession.name = "doctor"; console.log(person); //output { name: 'Leonardo', profession: { name:
> 'doctor' } }

3.深冻结

> function deepFreeze(object) {
> let propNames = Object.getOwnPropertyNames(object);
> for (let name of propNames) {
> let value = object[name];
> object[name] = value && typeof value === "object" ? deepFreeze(value) : value;
> }
> return Object.freeze(object); } let person = {
> name: "Leonardo",
> profession: {
> name: "developer"
> } }; deepFreeze(person); person.profession.name = "doctor"; // TypeError: Cannot assign to read only property
了解更多前端课程相关技术欢迎关注小编！

如何在 JS 中“深冻结”对象？相关推荐

JavaScript 日期比较——如何在 JS 中比较日期
日期是开发人员在创建实际应用程序时最常用的数据类型之一. 但通常,开发人员会在这种数据类型上苦苦挣扎,最终使用像 Moment.js 这样的日期库来完成简单的任务,这些任务不值得安装整个包所带来的大包 ...
js中的DOM对象和jQuery对象的比较
1. 二者的不同之处: 通过jQuery获取的元素是一个数组, 数组中包含着原生JS中的DOM对象. 例如, 针对下面的一个div结构: <div id="Box">& ...
js中两个对象的比较
代码取自于underscore.js 1.8.3的isEqual函数. 做了一些小小的修改,主要是Function的比较修改. 自己也加了一些代码解读. <!DOCTYPE html> & ...
JavaScript -- 时光流逝（三）：js中的 String 对象的方法
JavaScript -- 知识点回顾篇(三):js中的 String 对象的方法 (1) anchor(): 创建 HTML 锚. <script type="text/javasc ...
js中关于Blob对象的介绍与使用
js中关于Blob对象的介绍与使用 blob对象介绍一个 Blob对象表示一个不可变的, 原始数据的类似文件对象.Blob表示的数据不一定是一个JavaScript原生格式 blob对象本质上是js ...
如何在JS中应用正则表达式
背景:在之前的随笔中写过C#中如何使用正则表达式,这篇随笔主要讲如何在js中应用正则表达式如下代码: 1 $("#zhengze").click(function () { 2 ...
js mysql json字符串转数组中_php数据库数据转换为js中的json对象
/ 1.在company数据user表中取出10条数据,保存为数组 2.在将数组转化为json格式,传递给js 3.用json解析器将传递过来的json字符串转化为json对象, 4.用documen ...
js中几个对象的区别和用法
js中几个对象的区别和用法今天总结一下js中几个对象的区别和用法: 首先来说说 parent.window与top.window的用法 "window.location.href" ...
【JS笔记】JS中的DOM对象以及通过JS获取DOM结点，操作DOM属性、DOM增删改查
这篇文章,主要介绍JS中的DOM对象以及通过JS获取DOM结点,操作DOM属性.DOM增删改查. 目录一.JS中的DOM 1.1.什么是DOM 1.2.获取DOM结点 (1)获取htm ...

如何在 JS 中“深冻结”对象？

如何在 JS 中“深冻结”对象？相关推荐

最新文章

热门文章