javascript - 函数通过调用自身来复制 JavaScript 中的对象，需要帮助理解逻辑

Question

我发现这段用于复制对象的 JavaScript 代码，该代码正在执行它应该执行的操作，但我不明白的是函数何时调用自身；为什么 newObject 在第一次迭代中不会丢失它的值，当函数调用自身并创建一个新的 newObject 时，它应该被覆盖？这是否意味着当函数调用自身时，它仍然保留在调用自身之前创建的第一个 newObject 的副本？

const o = {
  a: 'a',
  b: 'b',
  obj: {
    key: 'key',
  },
}

const o2 = o

o2.a = 'new value'

// o and o2 reference the same object
console.log(o.a)

// this shallow-copies o into o3
const o3 = Object.assign({}, o)

// deep copy
function deepCopy(obj) {
  // check if vals are objects
  // if so, copy that object (deep copy)
  // else return the value
  const keys = Object.keys(obj)

  const newObject = {}

  for (let i = 0; i < keys.length; i++) {
    const key = keys[i]
    if (typeof obj[key] === 'object') {
      newObject[key] = deepCopy(obj[key])
    } else {
      newObject[key] = obj[key]
    }
  }

  return newObject
}

const o4 = deepCopy(o)

o.obj.key = 'new key!'
console.log(o4.obj.key)

Answer 1

递归函数可能会令人困惑。一些放置得当的 console.log() 或在调试器中运行代码确实很有帮助。该函数为原始对象和对象中的每个子对象创建一个newObject。当递归展开时，它将父级中的属性设置为子级递归调用的结果。

您可以在此处的 console.logs 中查看效果:

const o = {
  a: 'a',
  b: 'b',
  obj: {
    key: 'key',
    deeper: {one: 1, two: 2}
  },
}


// deep copy
function deepCopy(obj) {
  console.log("deep copy of: ", obj)
  const keys = Object.keys(obj)

  const newObject = {}

  for (let i = 0; i < keys.length; i++) {
    const key = keys[i]
    if (typeof obj[key] === 'object') {
      console.log("setting child of", key, "to:")
      newObject[key] = deepCopy(obj[key])
    } else {
      newObject[key] = obj[key]
    }
  }

  return newObject
}

console.log("starting with")
const o4 = deepCopy(o)

以deep copy of开头的每一行都表示在递归调用中新创建的newObject，但返回的唯一newObject是第一个 - 所有其他都设置为子级。