对象属性名的类型

对象属性名的类型（只能是String型和Symbol(es6中)）

//一道阿里面试题
var a = {},
    b = {key:"b"},
    c = {key:"c"};
a[b] = 123;
a[c] = 456;
console.log(a[b]);

一开始看到这题，什么鬼？a是一个对象，b，c也是对象，a[b]，属性名可以是对象？？？？

考察点1：a[b] 这啥意思？

                是对象a的一个属性名b？ 不是，b是一个变量，是把b的值取出来当作a的一个属性名

//eg：
var a = {};
var b = "abc";
a[b] = 123;  //b的值作为属性的名字  等价于 a.abc = 123;
console.log(a.abc); //123

考察点2：a[b],b是一个对象，对象能作为属性的名字嘛？ 

                在JS中，对象的属性名字只能是 String型 和 Symbol(es6中,这里用不到)，如果属性的名字不是这两种类型的话，就会自动转成字符串String型。

   

这里引出一个问题：数组也是对象啊，数组的下标是属性名字，但下标是数字，既不是String,也不是Symbol？这怎么解释呢？看下面例子

//案例解释数组是对象，为什么下标是属性，而下标是"数字"型，而不是String型和Symbol型？
var arr = [];  //数组也是一个对象
arr[1] = 1;    //对象arr的属性名为"1"的属性赋值为1  这里有1转换为"1"(重点)
arr['1'] = 3;  //对象arr的属性名为"1"的属性赋值为3
console.log(arr[1]); 

结果分析： console.log(arr[1]); 结果为3，说明arr[1] 等价于 arr["1"] ,所以数组下标数字型会被自动转换为String型。

总结就是：对象的属性名字只能是 String型 和 Symbol(es6中,这里用不到)，如果属性的名字不是这两种类型的话，就会自动转成字符串String型。

考察点3：a[b], b是一个对象 b = {key:"b"},会转成字符串，那转成啥样呢？ 

                转的方式是调用这个对象的 toString()方法

var obj1 = {a:1,b:2};
var obj2 = {c:3,d:4};
console.log(obj1.toString()); //[object Object]
console.log(obj2.toString()); //[object Object]

结果分析：不管是不是同一个对象，也不管对象里面的属性如何，调用该对象的 toString()方法后，结果都为：[object Object] 

//综上3点知识点，题目实质上就是：
var a = {},
    b = {key:"b"},
    c = {key:"c"};
a['[object Object]'] = 123;
a['[object Object]'] = 456;
console.log(a['[object Object]']);  //所以结果为 456