神秘的for循环迭代

Question

在下面的代码中，for循环以i = 1开头。为什么合并对象的name属性设置正确？

function merge(root){
  for ( var i = 1; i < arguments.length; i++ ){
    for ( var key in arguments[i] ){
      console.log(i); // returns 1 then 2 (not 0)
      root[key] = arguments[i][key];
    }
  }
  return root;
}

var merged = merge({name: "John"}, {city: "Boston"},{age: 13});
console.log( merged.name ); // "John" ?
console.log( merged.city ); // "Boston" - OK 
console.log( merged.age ); // 13 - OK 

如果我设置循环以 i = 2 开头，merged.city 返回 undefined（如预期的那样），而 merged.name 仍返回“John”。

function merge(root){
  for ( var i = 2; i < arguments.length; i++ ){
    for ( var key in arguments[i] ){
      console.log(i); // returns 2
      root[key] = arguments[i][key];
    }
  }
  return root;
}

var merged = merge({name: "John"}, {city: "Boston"},{age: 13});
console.log( merged.name ); // "John" - ?
console.log( merged.city ); // undefined - OK
console.log( merged.age ); // 13 - OK

这怎么可能？

Answer 1

您可能错过了您的方法接受然后返回的参数这一事实

function merge(root) {
  ...
  return root

这样当你喂它时

merge( {name: "John"}, ...

它将使用{name: "John"} 作为root 并将其他参数合并到其中。

Answer 2

参数root引用对象{name: "John"}。这也是arguments[0]。这就是我们跳过它并从arguments[1] 开始的原因——所有后续参数都合并到其中。