JavaScipt进阶第一天【对象】

225 阅读2分钟

「这是我参与11月更文挑战的第1天,活动详情查看:2021最后一次更文挑战

导读: 在我们真实生活当中,对象息息相关,总有人说,找不到对象,自己new一个不就行了吗?O(∩_∩)O哈哈~ 现实中的对象,比如手机,我们现在生活中,拿着手机就离不开,就像自己的女朋友一样。抱着不想放。

那么把手机当做一个对象,对象有他的属性,比如颜色和大小,方法有开启和关机等:

属性方法
mobile.name = Huaweimobile.start()
mobile.color = Redmobile.stop()
mobile.size = 128

我们使用的手机,都有这些属性和方法,但是都不尽同。

认识什么是Javascript 对象?

在Javascript中,一切事物都可以是对象, 当你了解了对象,就可以了解javascript 对象也是一个变量,但是他是可以包含多个值,比如

var mobile = {name:"Huawei",color:"Red",size:128}

javascript 对象是变量的一个容器

定义一个对象 可以使用字符来定义和创建Javascript 对象:

实例

var mobile = {name:"Huawei",color:"Red",size:128}

对象的属性

我们可以通过两种方法访问对象的属性:

第一种:mobile.name 第二种:mobile[name]

对象方法:

对象的方法定义了一个函数,并作为对象的属性存储。 对象方法通过添加 () 调用 (作为一个函数)。 该实例访问了 person 对象的 fullName() 方法:

name = person.fullName();

如果你要访问 person 对象的 fullName 属性,它将作为一个定义函数的字符串返回:

name = person.fullName;

访问对象方法

创建一个对象方法

click:funcition(){
    alert(1)
}

访问对象方法:

objectName.click()

当执行这个click发法是,页面就执行这样一个事件,弹出一个提示:

image.png

通常 fullName() 是作为 person 对象的一个方法, fullName 是作为一个属性。

有多种方式可以创建,使用和修改 JavaScript 对象。

同样也有多种方式用来创建,使用和修改属性和方法。

我们可以使用构造器,new 一个对象(女朋友)

funciton person(name,color,size){
    this.name = name;
    this.color = color;
    this.size = size;
    function click(name){
        this.name = name
    }
}

var mobile1 = new person('Huawei',"red",128)
var mobile2 = new person('VIVO',"blue",64)

调用对象方法,改变“女朋友的属性“ mobile1.click("IPhone")

原来对象每天都能不重样,每天都有新鲜感