JavaScript类属性的访问方式详解
时间：2021-06-11 08:09:43|栏目：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'.
上一篇：layerui代码控制tab选项卡,添加,关闭的实例
栏 目：JavaScript代码
下一篇：移动端JS实现拖拽两种方法解析
本文标题：JavaScript类属性的访问方式详解
本文地址：http://www.codeinn.net/misctech/139714.html
