陈尚涵 发表于 2020-6-27 13:42:38

JS对象

学过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站上找材料吧。

陈尚涵 发表于 2020-7-7 13:11:33

没人评论么
页: [1]
查看完整版本: JS对象