JavaScript类属性的访问方式详解
内容摘要
JavaScript类属性的访问方式 复制代码 代码如下: var fish = { head : 1, tail : 1, feature : { speak : false, swim : true } } 其一，点操作符： 复制代码 代码如下: conso
文章正文
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'.
代码注释
作者：喵哥笔记
