JavaScript类属性的访问方式详解
更新时间：2014年02月11日 10:15:07 作者：
这篇文章主要介绍了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'.
相关文章
上一篇文章，我们讲解了图像处理中的卷积操作和平滑（也就是模糊）处理，这篇文章我们进行亮度和对比度的变化,有需要的朋友可以参考下2013-01-01
这篇文章介绍了Js中的parseInt函数，有需要的朋友可以参考一下2013-07-07
这篇文章主要介绍了JavaScript中各数制转换,利用toString的基模式来进行转换,对数字调用 toString(10) 与调用 toString() 它们返回的区别和相同之处等等都在本文中提及，具体操作步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一下。2017-08-08
享元模式最适合于解决因创建大量类似对象而累及性能的问题,本文将来总结JavaScript设计模式编程中的享元模式使用,包括在DOM操作时的利用示例:2016-05-05
这篇文章主要介绍了多个javascript闭包入门示例，理解了这几个例子，对于闭包，应该可以算是入门了,需要的朋友可以参考下2014-04-04
JavaScript是一门强行声称面向对象的语言,而继承是面向对象的一大主要特性,这里我们根据阮一峰老师的文章来看一下JavaScript程序中实现继承特性的方式总结2016-06-06
DOM 节点属性操作方法小结。2009-05-05
javascript的数据类型、字面量、变量介绍，学习js的朋友可以参考下2012-05-05
这篇文章主要介绍了深入理解JavaScript中的对象,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
本文详细讲解了JavaScript自定义函数的用法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-03-03
最新评论