javascript - 使用句点访问对象的属性但未定义

Question

我在做codecademy的javascript教程，遇到如下问题:

var friends = {};
friends.bill = {
  firstName: "Bill",
  lastName: "Gates",
  number: "(206) 555-5555",
  address: ['One Microsoft Way','Redmond','WA','98052']
};
friends.steve = {
  firstName: "Steve",
  lastName: "Jobs",
  number: "(408) 555-5555",
  address: ['1 Infinite Loop','Cupertino','CA','95014']
};
var list = function(obj){
    for(var prop in obj){
        console.log(prop);
    }
};
var search = function(name) {
  for(var prop in friends){ 
        console.log(prop);
        console.log(friends.prop);//friends[prop] will print out 

  }


};
list(friends);
search("Steve");

console.log(friends.prop) 将打印出 undefined 但如果我将其更改为

friends[prop]，会打印出bill和steve对象信息。

我看w3c教程说有两种访问方式是对的，我想不通

问题是什么？

提前致谢。

Answer 1

数组表示法 ([prop]) 提供了一种额外的间接级别，一种反射。

因此，friends.bill 和 friends["bill"] 将是相同的。但是，如果您想执行类似 var prop = 'bill' 的操作，那么使用它的唯一方法是作为 friends[prop]。

如果您尝试 friends.prop，您实际上是在要求它寻找名为“prop”的 friend 。