鱼C论坛

 找回密码
 立即注册
查看: 2209|回复: 1

[技术交流] JS对象

[复制链接]
发表于 2020-6-27 13:42:38 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
学过JS的,是否知道"对象"这个概念呢?

其实对象啊,无非就是一个名字,里面有相应的属性和方法。

那如果访问一个没有命名的属性呢?比如......

console.log(window.helloworld);

得到的值是:undefined;
为什么是undefined? 因为这个属性没有定义,那有人会说,属性没有定义,应该报错啊!变量没有定义也会报错。这是为什么呢?
原来,JS把每一个对象的值都已经设置了undefined,所以我们定义属性的时候不用var关键字。

而,变量其实是属于window的。比如var a = 12;那就定义了一个a变量。可以通过console.log(a);访问,可是,用console.log(window.a)得到的结果是一样的,因为所有变量都是属于window的。

知道了这个,就可以判断变量是否存在了~代码如下:

if(window.变量名) {
    //变量存在
}
else {
    //变量不存在
}

知道了这个,再来说说怎么定义对象吧,有4种方式。

1.使用new Object定义对象。
给一个变量赋值为new Object(),就是一个空对象,还可以添加属性:

var obj = new Object();

obj.name = '陈尚涵';
obj.showname = function (){
    return this.name;
}

这里创建了一个空对象,叫obj,创建了一个属性是name,值是陈尚涵(我的名字),还有一个方法,调用之后,会用这个对象的name属性作为返回值。
提示:这里的this指这个对象。

2.使用字面量json
可以用json数据创建也就是大括号,这个就不多说了,大家都学过json吧。其实他创建的就是对象。

3.构造函数
为什么叫构造函数呢?因为这个函数能够造对象。

其实,系统对象都可以new出来,那new到底是什么意思呢?

其实new的意思就是隐蔽的在函数添加了这些代码:

开头添加了:
this = new Object();

结尾添加了:
return this;

所以说直接用this添加属性和方法就行了。

4.Class关键字
这个方法只能在es6使用,具体方法比较复杂,在B站上找材料吧。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

 楼主| 发表于 2020-7-7 13:11:33 | 显示全部楼层
没人评论么
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-6-28 04:47

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表