JavaScript 对象

JavaScript 中,一切皆对象:字符串、数字、数组、日期,等等都是对象。

在 JavaScript 中,对象是拥有属性和方法的数据。

JavaScript 对象的属性和方法

属性是与对象相关的值。方法是能够在对象上执行的动作。

举例:汽车就是现实生活中的对象。

属性 方法

car.name = Fiat

car.model = 500

car.weight = 850kg

car.color = white

car.start()

car.drive()

car.brake()

car.stop()

汽车的属性包括名称、型号、重量、颜色等。所有汽车都有这些属性,但是每款车的属性都不尽相同。

汽车的方法可以是启动、驾驶、刹车等。所有汽车都拥有这些方法,但是它们被执行的时间都不尽相同。

在面向对象的语言中,属性和方法常被称为对象的成员。

JavaScript 对象

在 JavaScript中,几乎所有的事物都是对象。

在 JavaScript 中,对象是非常重要的,当你理解了对象,就可以了解 JavaScript 。

以下代码为变量car设置值 "Fiat" :

varcar ="Fiat";

对象也是一个变量,但对象可以包含多个值(多个变量)。

varcar = {type:"Fiat", model:500, color:"white"};

在以上实例中,变量 car 就包含 3 个值 ("Fiat", 500, "white") 和 3 个变量 (type, model, color) 赋予变量 car。

JavaScript 对象是变量的容器。

JavaScript 对象定义

你可以使用字符来定义和创建 JavaScript 对象:

varperson = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
亲自体验一下

定义 JavaScript 对象可以跨越多行,空格跟换行不是必须的:

varperson = {
  firstName:"John",
  lastName:"Doe",
  age:50,
  eyeColor:"blue"
};
亲自体验一下

JavaScript 对象的属性

可以说 "JavaScript 对象是变量的容器"。

但是,我们通常认为 "JavaScript 对象是键值对的容器"。

键值对通常写法为name : value(键与值以冒号分割)。

键值对在 JavaScript 对象通常称为对象属性。

JavaScript 对象是属性变量的容器。

对象键值对的写法类似于:

  • PHP 中的关联数组
  • Python 中的字典
  • C 语言中的哈希表
  • Java 中的哈希映射
  • Ruby 和 Perl 中的哈希表

JavaScript 访问对象的属性

你可以通过两种方式访问对象属性:

person.lastName;
亲自体验一下
person["lastName"];
亲自体验一下

JavaScript 访问对象的方法

对象的方法定义了一个函数,并作为对象的属性存储。

你可以使用以下语法创建对象方法:

methodName : function() { 
  //code lines 
}

然后,使用以下语法访问对象方法:

objectName.methodName()

如:

name = person.fullName();
亲自体验一下

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

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

name = person.fullName;
亲自体验一下

JavaScript 对象是属性和方法的容器。在随后的教程中你将学习到更多关于函数,属性和方法的知识。

您知道吗?

在面向对象的语言中,使用 camel-case 标记法的函数是很常见的。您会经常看到 someMethod() 这样的函数名,而不是 some_method()。

返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验