本文详解JavaScript中访问对象属性的两种主要方式：点操作符（.）和方括号操作符（[]）。点操作符语法简洁，适用于已知静态属性名；方括号操作符要求属性名为字符串，支持动态属性访问。通过示例对比展示了两者的用法差异及注意事项，特别是遍历对象时属性名以字符串形式存在的特性。
JavaScript对象属性访问方式
在JavaScript中，访问对象属性主要有两种方式：使用点操作符和使用方括号操作符。
首先定义一个对象示例：
var fish = {
head : 1,
tail : 1,
feature : {
speak : false,
swim : true
}
} 点操作符访问
其一，点操作符：
示例代码如下：
console.log(fish.head);//输出 1
console.log(fish.tail);//输出 1
console.log(fish.feature);//输出 Object { head:1, tail:1, feature: Object}方括号操作符访问
其二，方括号操作符：
示例代码如下：
console.log(fish['head']);//输出 1使用方括号操作符时需注意，属性名必须为字符串形式。
例如：
示例代码如下：
console.log(fish[head]);//报错！因为head未定义那么，以下代码是否正确呢？
示例代码如下：
for(var prop in fish) {
console.log(fish[prop]);
} 答案是肯定的。这是因为在遍历对象属性时，属性名是以字符串类型存在的，即prop依次为'head','tail','feature'。