# Javascript 对象
在 JavaScript 中所有事物都是对象。
对象也是一个变量,但对象可以包含多个值 (多个变量),每个值以 name:value
对呈现
var car = {name:"Fiat", model:500, color:"white"}; |
以上三个值赋予变量 car
# 对象定义
可以使用字符来定义和创建 JavaScript 对象:
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}; | |
// 或者 | |
var person = { | |
firstName:"John", | |
lastName:"Doe", | |
age:50, | |
eyeColor:"blue" | |
}; |
定义 JavaScript 对象可以跨越多行,空格换行不是必须的:
# 对象属性
可以说是”JavaScript“对象是变量的容器。
但是,我们通常认为”JavaScript” 对象是键值对的容器。
键值对通常写法为 name:value
(键与值以冒号分割)。
键值对在 JavaScript 对象通常称为对象属性
对象键值对的写法类似于:
- PHP 中关联的数组
- Python 中的字典
- C 语言中的哈希表
- Java 中的哈希映射
- Ruby 和 perl 中的哈希表
# 访问对象属性
第一种:
person.lastName
var person = { | |
firstName : "John", | |
lastName : "Doe", | |
id : 5566 | |
}; | |
document.getElementById("demo").innerHTML = | |
person.firstName + " " + person.lastName; |
第二种:
'person["lastName"]'
var person = { | |
firstName: "John", | |
lastName : "Doe", | |
id : 5566, | |
fullName : function() | |
{ | |
return this.firstName + " " + this.lastName; | |
} | |
}; | |
document.getElementById("demo").innerHTML = person.fullName(); |
对象的方法定义了一个函数,并作为对象的属性存储。
对象方法通过添加 () 调用 (作为一个函数)。
该实例访问了 person 对象的 fullName () 方法:
# 访问对象方法
可以使用以下语法创建对象方法:
methodName : function(){ | |
// 代码 | |
} |
实列:可以使用以下语法访问对象方法:
objectName:function() {}
var person = { | |
firstName: "John", | |
lastName : "Doe", | |
id : 5566, | |
fullName : function() | |
{ | |
return this.firstName + " " + this.lastName; | |
} | |
}; | |
document.getElementById("demo").innerHTML = person.fullName(); |