JavaScript 对象
现实生活中的对象、属性和方法
在现实生活中,汽车是 目的.
汽车有 特性 比如重量和颜色,以及方法 比如开始和停止:
目的 | 特性 | 方法 |
---|---|---|
汽车名称 = 菲亚特 汽车.型号 = 500 汽车重量 = 850kg 汽车.颜色=白色 |
汽车.启动() 汽车.驾驶() 汽车.刹车() 汽车.停止() |
所有汽车都具有相同的 特性,但财产 值 因车而异。
所有汽车都具有相同的 方法,但方法执行 在不同的时间.
JavaScript 对象
您已经了解到 JavaScript 变量是数据值的容器。
此代码分配了一个 简单值 (菲亚特)多变的 命名汽车:
让 car = "菲亚特";
亲自尝试 »
对象也是变量。但对象可以包含许多值。
此代码分配 多种价值观 (菲亚特,500,白色)多变的 命名汽车:
const car = {类型:“菲亚特”, 型号:“500”, 颜色:“白色”};
亲自尝试 »
值写为 名称:值 对(名称和值用冒号分隔)。
使用以下方式声明对象是一种常见的做法 常量 关键词。
了解有关使用的更多信息 常量 本章中的对象:JS 常量.
对象定义
你可以使用对象文字定义(并创建)一个 JavaScript 对象:
空格和换行并不重要。对象定义可以跨越多行:
对象属性
这 名称:值 JavaScript 对象中的对被称为特性:
财产 | 适当的价值 |
---|---|
名 | 约翰 |
姓 | 多伊 |
年龄 | 50 |
眼睛的颜色 | 蓝色的 |
访问对象属性
您可以通过两种方式访问对象属性:
对象名称.属性名称
或者
对象名称[“属性名称”]
JavaScript 对象是 命名值 称为属性。
对象方法
对象也可以有 方法.
方法包括 行动 可以对对象执行的操作。
方法存储在属性中 函数定义.
财产 | 适当的价值 |
---|---|
名 | 约翰 |
姓 | 多伊 |
年龄 | 50 |
眼睛的颜色 | 蓝色的 |
全名 | function() {return this.firstName + " " + this.lastName;} |
方法是作为属性存储的函数。
例子
const 人 = {
名字:“约翰”,
姓氏:“Doe”,
编号:5566,
全名:函数(){
返回 this.firstName + " " + this.lastName;
}
};
在上面的例子中, this
指的是人对象.
IE 这个.firstName 意味着名 的財產这.
IE 这个.firstName 意味着名 的財產人.
什么是 这?
在 JavaScript 中, this
关键字指的是目的.
哪个 对象取决于如何this
正在被调用(使用或叫)。
这 this
关键字根据其使用方式指代不同的对象:
在对象方法中, this 指的是目的. |
独自的, this 指的是全局对象. |
在一个函数中, this 指的是全局对象. |
在函数中,在严格模式下, this 是undefined . |
在一次活动中, this 指的是元素 接收该事件的。 |
类似方法 call() , apply() , 和 bind() 可以参考this 到任何物体. |
这 这 关键词
在函数定义中, this
指的是该函数的“所有者”。
在上面的例子中, this
是个人对象 “拥有”fullName
功能。
换句话说, this.firstName
意味着firstName
的財產这个对象.
学习更多关于 this
在JavaScript 本教程.
访问对象方法
您可以使用以下语法访问对象方法:
对象名.方法名()
如果你访问一个方法 没有 () 括号中,它将返回函数定义:
不要将字符串、数字和布尔值声明为对象!
当使用关键字“new
",变量被创建为一个对象:
x = new String(); // 将 x 声明为 String 对象
y = new Number(); // 将 y 声明为 Number 对象
z = new Boolean(); // 将 z 声明为布尔对象
避免 String
, Number
, 和 Boolean
对象。它们会使你的代码复杂化并降低执行速度。
您将在本教程的后面了解有关对象的更多信息。