JavaScript对象属性调用的一个问题？

Question

假设创建了一个对象obj：

var obj = {

    age:21

}

然后在调用的时候可以用obj.age或者obj["age"]调用age属性，为什么在obj["age"]中要加引号呢？

另外，在使用for in遍历属性的时候：

for(key in obj){

    console.log(key);

    

    console.log(obj.key);            // undefined

    console.log(obj["key"]);       // undefined

   

    console.log(obj[key]);         // 21

}

为什么前两种方式都是undefined，而不加引号反而输出正确答案呢？

Answer 1

加引号是一个字符串，是一个值而不是变量，相当于你访问obj中属性为“key”的值；不加引号是变量，改变这个变量可以访问到不同的属性，比如obj.key1,obj.key2，常用于遍历对象使用第一个例子可以不加引号，直接访问obj.age。"."直接访问对应属性，"[]"可以按变量访问（不加引号）或者直接访问（加引号）