JavaScript 1 : JavaScript 教程 2 : JavaScript 简介 3 : JavaScript 用法 4 : JavaScript 输出 5 : JavaScript 语法 6 : JavaScript 语句 7 : JavaScript 注释 8 : JavaScript 变量 9 : JavaScript 数据类型 10 : JavaScript 对象 11 : JavaScript 函数 12 : JavaScript 作用域 13 : JavaScript 事件 14 : JavaScript 字符串 15 : JavaScript 运算符 16 : JavaScript 比较和逻辑运算符 17 : JavaScript If…Else 语句 18 : JavaScript switch 语句 19 : JavaScript for 循环 20 : JavaScript while 循环 21 : JavaScript Break 和 Continue 语句 22 : JavaScript typeof 23 : JavaScript 类型转换 24 : JavaScript 正则表达式 25 : JavaScript 错误 – Throw、Try 和 Catch 26 : JavaScript 调试 27 : JavaScript 变量提升 28 : JavaScript 严格模式 29 : JavaScript 使用误区 30 : JavaScript 表单验证 31 : JavaScript 保留关键字 32 : JavaScript JSON 33 : JavaScript void 34 : JavaScript 代码规范 35 : JavaScript 函数定义 36 : JavaScript 函数参数 37 : JavaScript 函数调用 38 : JavaScript 闭包 39 : JavaScript HTML DOM 40 : JavaScript HTML DOM 改变 HTML 内容 41 : JavaScript HTML DOM 改变 CSS 42 : JavaScript HTML DOM 事件 43 : DOM EventListener 44 : JavaScript HTML DOM 元素 45 : JavaScript 对象 46 : JavaScript Number 对象 47 : JavaScript 字符串(String)对象 48 : JavaScript Date(日期)对象 49 : JavaScript Array(数组)对象 50 : JavaScript Boolean(布尔)对象 51 : JavaScript Math(算数)对象 52 : JavaScript RegExp 对象 53 : JavaScript Window 54 : JavaScript Window Screen 55 : JavaScript Window Location 56 : JavaScript Window History 57 : JavaScript Window Navigator 58 : JavaScript 弹窗 59 : JavaScript 计时事件 60 : JavaScript Cookies 61 : JavaScript 库 62 : JavaScript 测试 jQuery 63 : JavaScript 测试 Prototype 64 : JavaScript 实例 65 : JavaScript 对象实例 66 : JavaScript 浏览器对象实例 67 : JavaScript HTML DOM 实例 68 : JavaScript 总结 69 : JavaScript 对象 70 : HTML DOM 对象

JavaScript 对象


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


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

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

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

对象属性方法

car.name = Fiat

car.model = 500

car.weight = 850kg

car.color = white

car.start()

car.drive()

car.brake()

car.stop()

所有汽车都有这些属性,但是每款车的属性都不尽相同。

所有汽车都拥有这些方法,但是它们被执行的时间都不尽相同。


JavaScript 对象

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


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


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

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

var car =  "Fiat";

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

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

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

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


NoteJavaScript 对象是变量的容器。



对象定义

你可以使用字符来定义和创建 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 对象通常称为 对象属性


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


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

  • PHP 中的关联数组

  • Python 中的字典

  • C 语言中的哈希表

  • Java 中的哈希映射

  • Ruby 和 Perl 中的哈希表


访问对象属性

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

实例 1

person.lastName;


尝试一下 »


实例 2

person[  "lastName"];


尝试一下 »



对象方法

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

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

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

实例

name = person.fullName();


尝试一下 »

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

实例

name = person.fullName;


尝试一下 »

 


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


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


访问对象方法

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

methodName : function() { code lines }

你可以使用以下语法访问对象方法:

objectName.methodName()

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

有多种方式可以创建,使用和修改 JavaScript 对象。

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


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



更多实例

创建 JavaScript 对象 I

创建 JavaScript 对象 II

访问对象属性 I

访问对象属性 II

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

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

关注极客云图了解更多内容