JavaScript类属性的访问方式详解

109 阅读 0 评论 72 点赞

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'.