JavaScript类属性的访问方式详解_基础知识
程序员文章站
2022-03-14 20:24:03
...
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'.
上一篇: php文件gbk怎么转utf8
下一篇: win10系统安装声卡驱动失败怎么解决
推荐阅读
-
javascript对象的使用和属性操作示例详解_基础知识
-
详解JavaScript操作HTML DOM的基本方式_基础知识
-
JavaScript对象的property属性详解_基础知识
-
javascript对象的使用和属性操作示例详解_基础知识
-
JavaScript中的Math.LOG2E属性使用详解_基础知识
-
如何在JavaScript中实现私有属性的写类方式(一)_javascript技巧
-
如何在JavaScript中实现私有属性的写类方式(一)_javascript技巧
-
详解JavaScript操作HTML DOM的基本方式_基础知识
-
基于JavaScript 声明全局变量的三种方式详解_基础知识
-
JavaScript中定义类的方式详解_javascript技巧