🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 思源笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

JavaScript - 深度冻结

2020-07-02

描述

深度冻结一个对象。

提示

  • 使用 Object.keys() 获取参数对象中的所有属性
  • 使用 Array.prototype.forEach() 对获取的所有属性进行迭代
  • 对所有属性递归调用 Object.freeze(obj)
  • 对每一个属性使用 Object.isFrozen() 进行检查
  • 根据需要调用 deepFreeze() 方法
  • 最终使用 Object.freeze() 冻结给定的对象

代码

const deepFreeze = obj => {
  Object.keys(obj).forEach(prop => {
    if (typeof obj[prop] === 'object' && !Object.isFrozen(obj[prop])){
        deepFreeze(obj[prop]);
    } 
  });
  return Object.freeze(obj);
};

示例

深度冻结对象:

'use strict';
const foo = deepFreeze([1, [2, 3]]);
foo[0] = 3; //  Cannot assign to read only property '0' of object '[object Array]'
foo[1][0] = 4; // Cannot assign to read only property '0' of object '[object Array]'

返回总目录

每天 30 秒系列之 JavaScript 代码


欢迎注册黑客派社区,开启你的博客之旅。让学习和分享成为一种习惯!

留下你的脚步