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]);//错误！
那么，如下代码是否正确呢？
for(var prop in fish) {
console.log(fish[prop]);
}
答案是肯定的，这是因为遍历对象属性时是以字符串类型存在的，即prop依次为'head','tail','feature'.
复制代码 代码如下:
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'.