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]);//错误！

那么，如下代码是否正确呢？

复制代码 代码如下:

for(var prop in fish) {
console.log(fish[prop]);
}

答案是肯定的，这是因为遍历对象属性时是以字符串类型存在的，即prop依次为'head','tail','feature'.