「这是我参与11月更文挑战的第1天,活动详情查看:2021最后一次更文挑战
导读: 在我们真实生活当中,对象息息相关,总有人说,找不到对象,自己new一个不就行了吗?O(∩_∩)O哈哈~ 现实中的对象,比如手机,我们现在生活中,拿着手机就离不开,就像自己的女朋友一样。抱着不想放。
那么把手机当做一个对象,对象有他的属性,比如颜色和大小,方法有开启和关机等:
属性 | 方法 |
---|---|
mobile.name = Huawei | mobile.start() |
mobile.color = Red | mobile.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发法是,页面就执行这样一个事件,弹出一个提示:
通常 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")
原来对象每天都能不重样,每天都有新鲜感