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