JavaScript 对象

真实生活中的对象、属性和方法


在真实生活中,汽车是一个对象。

汽车有诸如车重和颜色等属性,也有诸如启动和停止的方法:

JavaScript 对象

所有汽车都拥有同样的属性,但属性值因车而异。

所有汽车都拥有相同的方法,但是方法会在不同时间被执行。

一、JavaScript 对象

avaScript 提供多个内建对象,比如 String、Date、Array 等等。

对象只是带有属性和方法的特殊数据类型

JavaScript 中的所有事物都是对象:字符串、数值、数组、函数…

此外,JavaScript 允许自定义对象。

二、对象属性


(JavaScript 对象中的)名称:值对被称为属性。

JavaScript 对象

三、对象方法


对象也可以有方法。

方法是在对象上执行的动作。

方法以函数定义被存储在属性中。

JavaScript 对象

方法是作为属性来存储的函数。

实例

JavaScript 对象

四、this 关键词

在函数定义中,this 引用该函数的“拥有者”。

在上面的例子中,this 指的是“拥有” fullName 函数的 person 对象。

换言之,this.firstName 的意思是 this 对象的 firstName 属性。

五、对象定义

我们定义(创建)了一个 JavaScript 对象:

实例

JavaScript 对象

空格和折行都是允许的。对象定义可横跨多行:

实例

JavaScript 对象

五、访问对象属性


您能够以两种方式访问属性:

JavaScript 对象

或者

JavaScript 对象

例子 1

JavaScript 对象

例子 2

JavaScript 对象

六、访问对象方法


您能够通过如下语法访问对象方法:

JavaScript 对象

实例

JavaScript 对象

如果您不使用 () 访问 fullName 方法,则将返回函数定义:

实例

JavaScript 对象

方法实际上是以属性值的形式存储的函数定义。

请不要把字符串、数值和布尔值声明为对象!

如果通过关键词 “new” 来声明 JavaScript 变量,则该变量会被创建为对象:

JavaScript 对象

请避免字符串、数值或逻辑对象。他们会增加代码的复杂性并降低执行速度。


 

编辑整理 |付君华

来源:悦码,本文观点不代表自营销立场,网址:https://www.zyxiao.com/p/99734

发表评论

电子邮件地址不会被公开。 必填项已用*标注

技术服务
技术服务
关注抖音
关注抖音
侵权联系
返回顶部