文档章节

JavaScript面向对象

青慕
 青慕
发布于 2017/09/07 17:41
字数 518
阅读 2
收藏 0

1.对象的声明:JavaScript用一个{...}表示一个对象,键值对一xxx: xxx 形式声明,用","隔开(注意:最后一个键值对不需要在末尾见","  以免在低版本的IE浏览器中报错):

var person = {
    name: "歪果仁",
    age: 18,
    sex: "男",
    height:180,
    hobby:"撩妹"
}

 

访问对象的属性是通过"."操作符来完成的,但后面跟的必须是一个有效的变量名。如果属性名包含特殊字符,就必须用''括起来(如果变量不是一个有效变量,访问这个属性也无法使用".",必须用['xxx']来访问)

var student = {
    age: 18,
    student-number: 1324520
};

student['student-number'];   // 1314520

//也可以通过这样来访问其他的属性
student['age'];   //18

所以我们在编写JavaScript代码的时候尽量使用标准的变量名,这样就可以直接通过objict.prop的形式访问一个属性了。

实际上JavaScript对象的所有属性都是字符串,不过属性对应的值可以是任意数据类型。

如果访问一个对象不存在的属性不会报错,而是返回undefined。

 

JavaScript的对象是动态类型,你可以自由的给一份对象添加或删除属性。

var wuzao = {
    name:wuzao,
}

wuzao.age;  // undefined
wuzao.age = 18;  // 新增一个age属性
wuzao.age;  // 18
delete wuzao.age;  // 删除age属性
wuzao.age;  // undefined
delete wuzao['name'];  //删除name属性
delete wuzao.height;   // 删除一个不存在的height也不会报错

 

我们要检测对象是否拥有某一属性,可以用 in 操作符

var person = {
    age: 18,
    height:175
}

'age' in person;   // true
'name' in person;   // false



// 不过要注意,如果 in 判断一个属性存在,这个属性不一定是person的,它可能是person继承得到的
'toString' in person;  // true
//因为toString 定义在object对象中,而所有的对象最终都会在原形链上指向object,所以person也拥有toString属性。



// 要判断一个属性是否是person自身拥有的,而不是继承得到的,可以用hasOwnProperty() 方法。
var person = {
    age: 18,
    height:175
}
person.hasOwnProperty('age');  // true
person.hasOwnProperty('toString');  //false

 

© 著作权归作者所有

共有 人打赏支持
青慕
粉丝 4
博文 15
码字总数 7496
作品 0
贵阳
程序员

暂无文章

创建第一个react项目

sudo npm i -g create-react-app@1.5.2 create-react-app react-app cd react-appnpm start

lilugirl
10分钟前
0
0
在浏览器中进行深度学习:TensorFlow.js (八)生成对抗网络 (GAN)

Generative Adversarial Network 是深度学习中非常有趣的一种方法。GAN最早源自Ian Goodfellow的这篇论文。LeCun对GAN给出了极高的评价: “There are many interesting recent development...

naughty
22分钟前
0
0
搬瓦工镜像站bwh1.net被DNS污染,国内打不开搬瓦工官网

今天下午(2018年10月17日),继搬瓦工主域名bandwagonhost.com被污染后,这个国内的镜像地址bwh1.net也被墙了。那么目前应该怎么访问搬瓦工官网呢? 消息来源:搬瓦工优惠网->搬瓦工镜像站b...

flyzy2005
今天
2
0
SpringBoot自动配置

本篇介绍下,如何通过springboot的自动配置,将公司项目内的依赖jar,不需要扫描路径,依赖jar的情况下,就能将jar内配置了@configuration注解的类,创建到IOC里面 介绍下开发环境 JDK版本1.8 spr...

贺小五
今天
3
0
命令行新建Maven多项目

参考地址 # DgroupId 可以理解为包名# DartifactId 可以理解为项目名mvn archetype:generate -DgroupId=cn.modfun -DartifactId=scaffold -DarchetypeArtifactId=maven-archetype-quickst......

阿白
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部