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

问题描述

问 题

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的属性值已经被冻结了吗？然后接下去的代码是如何运行的。。。

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

解决方案

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

这样说能明白么？

这篇关于javascript - 对象深度冻结中的递归调用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！