对象中那些不注意的用法

获取对象属性的点方法和中括号法的区别

首先来看个例子：

var obj = {'name':'张三','age':'18'};
var getName = obj.name;//点方法
var getAge = obj['age'];//中括号法
console.log(getName);//打印结果:张三
console.log(getAge);//打印结果:18

直到遇到下面的例子,然后我就开始有这个疑问如下:

var obj = {'34':{
    '可能错误原因':'无',
    '错误代码':'D000',
    '错误位置':'接收方成员行(MEMBER)',
    '错误描述':'无',
}};

应该有同学注意到了吧,有个属性名是数字,这个时候用点语法就会报错,用中括号就可以:

console.log(obj.34);//语法报错
console.log(obj['34']);//正常获取到;

所以说,点语法和中括号法还是有区别的,根据查资料,结论如下:

1、中括号法可以用变量作为属性名,而点方法不可以;

var obj = {};
obj.name = '张三';
var myName = 'name';
console.log(obj.myName);//undefined,访问不到对应的属性
console.log(obj[myName]);//张三

2、中括号法可以用数字作为属性名,而点语法不可以;

3、中括号法可以使用js的关键字和保留字作为属性名,而点语法不可以(尽量避免在变量或者属性中使用关键字或保留字);