专业编程基础技术教程

网站首页 > 基础教程 正文

究竟什么是javascript对象?——JavaScript学习之路

ccvgpt 2024-08-08 12:58:06 基础教程 13 ℃

近来在学javascript,一直对对象这个概念弄不大清楚,这里就总结一下。

通俗一点,先拿个生活中能见到的东西举个例子吧!

究竟什么是javascript对象?——JavaScript学习之路

比如汽车,汽车就是一个对象,我们看到一辆汽车,比较关注的就是它的品牌、颜色等信息,这个就是汽车的属性。而它究竟是宝马,还是奔驰?这个是品牌属性对应的值。

所有汽车都拥有同样的属性(比如品牌这个属性),但属性值(宝马?奔驰?)因车而异。

另一个不可忽略的概念是对象的方法。拿汽车举例子的话,比如,汽车启动,行驶,刹车等。当然如果汽车静止不动,那还要它何用?

这也就寓意着对象只有属性和属性值是不够的了,否则不是太无聊了嘛?当然你去定义的时候,也可以不写方法了。你坚持要说,我就要我的汽车不动,当一个摆设,我们也允许。

现实的例子举完了,下面实实在在的看具体的内容吧。

我们一直在说,在 JavaScript中,几乎所有的事物都是对象。说起来这句话,总是看见,我实在是不能理解呀。。。

为了加深理解,我不得不扯回JavaScript变量

变量的声明

var car;

变量的赋值

car="benz";

变量的声明&赋值。

var car="benz";

我们比较常见的是第三种合写的,另外,在JavaScript中的声明变量就是创建变量了。函数声明也是这个意思了。

变量的值的数据类型比较常见的是两种吧,数字(数值),字符串(文本)

当您向变量分配文本值时,应该用双引号或单引号包围这个值。

当您向变量赋的值是数值时,不要使用引号。如果您用引号包围数值,该值会被作为文本来处理。

当然还有布尔值、null、undefined类型了,这个不是这里的重点了。

JavaScript变量是数据值的容器。值得注意的是,JavaScript变量除了存放值(比如 x=5)还可以存表达式(比如 z=x+y)。

下面回到对象的概念。

var car="benz";

这段代码把一个单一值(benz)赋给名为 car 的变量。

对象其实也是一个变量。但是对象包含很多值。、

var car = {brand:"benz", color:"white"};

在以上例子中,2 个变量(也就是属性)(brand, color) 赋予变量 car。

在以上例子中,2 个值 ("benz", "white") 赋予变量 car。

所以说,JavaScript 对象是变量的容器。

举两个常见对象的例子吧!

var person = {
 firstName:"John",
 lastName:"Doe",
 age:50,
 eyeColor:"blue"
};

这是一个纯字符串,不包含对象方法的对象。

var person = {
 firstName: "John",
 lastName : "Doe",
 id : 5566,
 fullName : function() 
	{
 return this.firstName + " " + this.lastName;
 }
};

这是一个包含了方法的对象,方法是作为属性来存储的函数。

上一篇文章写了对象属性的访问注意的问题,这里就不多介绍了。

如person.lastName和person["lastName"]都是可以的。

对于对象方法的调用,好像复杂一点。

对象的方法实际就是在属性下的值上定义了一个函数,并作为对象的属性存储。

对象方法通过添加 () 调用 (作为一个函数)。

比如上面fullName的调用

name = person.fullName();

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

name = person.fullName;

所以说,通常 fullName() 是作为 person 对象的一个方法, fullName 是作为一个属性。有多种方式可以创建,使用和修改 JavaScript 对象。同样也有多种方式用来创建,使用和修改属性和方法。

请看下一篇。。。

Tags:

最近发表
标签列表