对象属性及方法的访问

声明:

本人水平有限,文章仅供自己记录学习和总结.

2种方式:

• obj[''propertyName'']
• obj.propertyName

举例说明

var iphone = {
  color:"black",
  storage:"64G",
  'screen size':"4.7寸"
};

像上面这个iphone对象,我想访问展示它的颜色属性(color)我该如何操作呢?
就像最初提到的那样我们有2种方式来访问它的属性,操作如下:

//在控制台输出color属性
console.log(iphone.color);  //返回结果:black
console.log(iphone["color"]); //返回结果:black

两种方式输出结果一模一样!那为何会出现2种方式呢?有什么区别呢?
看下面情况:

//在控制台输出screen size属性
console.log(iphone.screen size); // 返回结果: 报错
console.log(iphone["screen size"]); //返回结果:4.7寸

此时,第二个[]方法明显达到了我们的预期效果.那我们如何判断该用哪种方法呢?
以我的经验的就是: .propertyName方法对属性名称有一定的要求,以字母开头其后可以跟字母或数字,不能有"空格"或"-"或"*"或"()"或"[]"等符号;例如:

//以下都可以用.propertyName方法
iphone
iphone7
iphone10
iphone10plus

.propertyName方法简单易写,但不是万能的.如果遇到有特殊字符或者不确定的时候还是用["propertyName"]方法更保险一些;