javascript - 通过 Javascript 中的函数调用向对象添加属性

Question

控制台日志给我“未定义”。我找不到使用“addBook”函数在 myBox 对象内添加对象属性的方法。也许我只是说错了，但我认为这应该是正确的做法。

  function addBook (box, name, writer) {
  box["# of Books"]++;
  box["book" + box["# of Books"]] = {title: name, author: writer};
  }

  var myBox = {
  height: 10,
  width:50,
  volume:400
  };


  addBook(myBox, "Javascript Ninja", "Ninja");
  console.log(myBox.book1.title);

Answer 1

问题是您尝试增加一个未定义的值，因此您得到NaN。

只需初始化您的计数器:

 function addBook (box, name, writer) {
  box["# of Books"]++;
  box["book" + box["# of Books"]] = {title: name, author: writer};
  }

  var myBox = {
  height: 10,
  width:50,
  volume:400
  };
  myBox["# of Books"]=0; // <-- there


  addBook(myBox, "Javascript Ninja", "Ninja");
  console.log(myBox.book1.title);

当你遇到这样的问题时，你应该先自己调试一下，一步步查看数值。阅读 Debugging JavaScript .