javascript - 为什么这个 for-of 循​​环中的对象解构不起作用？

Question

基本上下面的代码不起作用，我不明白为什么。在嵌套循环中，我有一个名为“children”的变量，它是一个数组，其中包含具有称为 children 的字段的对象(例如在 DOM 树中)。但是当我尝试解构数组的每个元素时，它们看起来像是名称冲突。由于我使用的是 let 它们应该具有不同的范围(至少，解构变量应该隐藏“父”变量)。我很可能错了，但我想了解原因。

let o = {
    children: [
     {children: [{}, {}, {}]},
     {children: [{}, {}, {}]}
    ]
};
for (let {children} of o.children) {
    console.log(children)
    for (let {children} of children) {
        console.log(children)
    }
}

Answer 1

通过接受这个声明，

for (let {children} of children)

您尝试创建一个新的局部变量并使用与源相同的命名变量来获取新变量的元素。

这行不通，因为两个变量之间没有区别。

如果您重命名目标或源变量，它会起作用。

let o = {
        children: [
            { children: [{ children: [{}, {}, {}] }, { children: [{}, {}, {}] }] },
            { children: [{ children: [{}, {}, {}] }, { children: [{}, {}, {}] }] },
        ]
    };

for (let { children } of o.children) {
    console.log(children)
    for (let { children: c } of children) { // rename here
        console.log(c)
    }
}