对象深度冻结中的递归调用

Object.deepFreeze = function(obj) {
    var propNames = Object.getOwnPropertyNames(obj);
    propNames.forEach(function(name) {
        var prop = obj[name];
        if (typeof prop == 'object' && prop !== null) {
                Object.deepFreeze(prop); // 第六行
            }
        });
        return Object.freeze(obj);
    }
    
    const obj = Object.deepFreeze({
        a: {
            b: 1
        }
    });

在代码的倒数第四行,传入的对象是:

{
  a: {
    b: 1
  }
}

当检测到属性名a的属性值为一个非空对象的时候,对a的属性值进行Object.deepFreeze的递归调用,此时代码第六行运行结束后应该返回的是一个被freeze过的{b:1},然后在继续返回被深度冻结的大对象。

我想问一下,代码中递归调用返回被freeze过的{b:1}之后,这个返回值去哪里了。。。这样就算这个属性a的属性值已经被冻结了吗?然后接下去的代码是如何运行的。。。

我说的有点抽象,不知道各位大佬能看懂么。。。

阅读 3.9k
2 个回答

首先明白冻结返回的是传入的那个对象,内层对象的冻结返回值被废弃了,因为不需要,最后最外层的这个对象被返回,返回时内部所有的对象都被冻结好了

这样说能明白么?

forEach里面的返回值会被直接丢弃
Object.freeze会直接冻结其参数,返回值只是冻结对象的一个别名

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题