JS 九 对象

JavaScript 对象


JavaScript 对象是拥有属性和方法的数据。javascript


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

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

对象有它的属性,如重量和颜色等,方法有启动中止等:java

在这里插入图片描述

全部汽车都有这些属性,可是每款车的属性都不尽相同。web

全部汽车都拥有这些方法,可是它们被执行的时间都不尽相同。数组


JavaScript 对象

在 JavaScript中,几乎全部的事物都是对象。svg

Note 在 JavaScript 中,对象是很是重要的,当你理解了对象,就能够了解 JavaScript 。

你已经学习了 JavaScript 变量的赋值。函数

如下代码为变量 car 设置值为 “Fiat” :学习

var car = "Fiat";

对象也是一个变量,但对象能够包含多个值(多个变量)。spa

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

在以上实例中,3 个值 (“Fiat”, 500, “white”) 赋予变量 car。code

在以上实例中,3 个变量 (type, model, color) 赋予变量 car。

Note JavaScript 对象是变量的容器。

对象定义

你能够使用字符来定义和建立 JavaScript 对象:

实例

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

尝试一下 »

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

实例

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

尝试一下 »


对象属性

能够说 “JavaScript 对象是变量的容器”。

可是,咱们一般认为 “JavaScript 对象是键值对的容器”。

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

键值对在 JavaScript 对象一般称为 对象属性

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

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

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

访问对象属性

你能够经过两种方式访问对象属性:

实例 1

person.lastName;

尝试一下 »

实例 2

person["lastName"];

尝试一下 »


对象方法

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

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

该实例访问了 person 对象的 fullName() 方法:

实例

name = person.fullName();

尝试一下 »

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

实例

name = person.fullName;

尝试一下 »

Note JavaScript 对象是属性和方法的容器。

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


访问对象方法

你能够使用如下语法建立对象方法:

methodName : function() { 
 
  
    // 代码 
}

你能够使用如下语法访问对象方法:

实例

objectName.methodName()

尝试一下 »

一般 fullName() 是做为 person 对象的一个方法, fullName 是做为一个属性。

若是使用 fullName 属性,不添加 (), 它会返回函数的定义:

实例

objectName.methodName

尝试一下 »

有多种方式能够建立,使用和修改 JavaScript 对象。

一样也有多种方式用来建立,使用和修改属性和方法。

Note 在随后的教程中,你将学习到更多关于对象的知识。

更多实例

建立 JavaScript 对象 I

建立 JavaScript 对象 II

访问对象属性 I

访问对象属性 II

函数属性做为一个方法访问

函数属性做为一个属性访问