Javascript 为什么我没有收到名称已存在错误

Question

我试图理解 Javascript 和递归编程的行为。

Npw，我是个初学者，所以我需要了解为什么我会得到“已经被声明错误”以及当我没有得到“已经被声明错误”时

考虑这段代码，我试图理解它将如何执行..

 let company = { // the same object, compressed for brevity
      sales: [{name: 'John', salary: 1000}, {name: 'Alice', salary: 600 }],
      development: {
        sites: [{name: 'Peter', salary: 2000}, {name: 'Alex', salary: 1800 }],
        internals: [{name: 'Jack', salary: 1300}]
      }
    };
    
    // The function to do the job
    function sumSalaries(department) {
      if (Array.isArray(department)) {
        return department.reduce((prev, current) => prev + current.salary, 0);
      } else { // case (2)
        let sum = 0;
        for (let subdep of Object.values(department)) {
          sum = sum + sumSalaries(subdep); 
        }
        return sum;
      }
    }
    
   console.log(sumSalaries(company));// 6700

中断上述代码的执行(如果我理解错误，请纠正)

1. 我们将 company 作为参数传递给 sumSalaries
2. 在 sumSalaries 中，我们检查它是否是一个数组

它最初不是一个数组，因为上面的公司是一个对象。

我们将通过声明 let sum = 0 来传递 else 条件

object.values 将为我们提供两个数组(基于公司)

在 let subdep of Object.values(department) 的第一次迭代中，我们将得到[{…}, {…}] 其中我们有以下对象 {name: "John", salary: 1000}

这里我们的总和 = 0，我们将添加我们的总和并返回我们传递给 sumSalaries(subdep);

现在，由于我们传递了数组，它将转到以下函数

if (Array.isArray(部门)) { return Department.reduce((prev, current) => prev + current.salary, 0); }

在我们之前的文章中，我们传递了 0 并将其与 current.salary 相加。

由于我们使用的是reduce，因此它会首先添加0 + 1000，然后添加1000 + 600

这将返回 1600，因此我们的总和 将是 0 + 1600

现在我们的循环将进行第二次迭代，这为我们提供了一个由两个数组组成的对象......

由于它是一个对象，因此不会传递到 if (Array.isArray(department)) { 而是转到 else

问题+问题当我完成第十三点时，我意识到我们的第二个声明已经让 sum = 0

所以，有两件事

1. 既然我们有 let sum = 0，难道不应该出现一个错误，指出 let sum 已经存在

2. 无论哪种方式，我们执行 sum = 0，这是否意味着 sum 数组中之前的值 (1600) 消失了(或者换句话说重置为零？

Answer 1

let 是 block 作用域，这意味着在多个 block 中具有多个声明是可以的。每次调用 sumSalaries() 时，sum 都会重置为零。它不需要记住以前的调用，因为如果找到此调用，它将返回总和，随着递归展开，该总和将被添加到调用递归函数的父级中。

通过策略性放置的 console.log() 调用或使用调试器来观察递归可能会很有启发。例如，您可以通过以下方式查看总和:

 let company = { // the same object, compressed for brevity
      sales: [{name: 'John', salary: 1000}, {name: 'Alice', salary: 600 }],
      development: {
        sites: [{name: 'Peter', salary: 2000}, {name: 'Alex', salary: 1800 }],
        internals: [{name: 'Jack', salary: 1300}]
      }
    };
    
    // The function to do the job
    function sumSalaries(department) {
      if (Array.isArray(department)) {
        return department.reduce((prev, current) => prev + current.salary, 0);
      } else { // case (2)
        console.log("starting new object")
        let sum = 0;
        for (let subdep of Object.values(department)) {
          let subsum =  sumSalaries(subdep)
          console.log("subsum = ", subsum)
          sum = sum + subsum; 
        }
        console.log("current sum:", sum)
        return sum;
      }
    }
    
   console.log(sumSalaries(company));// 6700