1.JavaScript 对象
（1）JavaScript变量是数据值的容器。把一个单一值（porsche）赋给名为car的变量：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 对象</h1>
<p id="demo"></p>
<script>
// 创建对象：
var car = {type:"porsche", model:"911", color:"white"};
// 显示对象中的数据：
document.getElementById("demo").innerHTML = car.type;
</script>
</body>
</html>
（2）对象也是变量，但是对象包含很多值。把多个值（porsche, 911, white赋给名为car的变量：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 对象</h1>
<p id="demo"></p>
<script>
// 创建对象：
var car = {type:"porsche", model:"911", color:"white"};
// 显示对象中的数据：
document.getElementById("demo").innerHTML = car.type;
</script>
</body>
</html>
值以名称:值对的方式来书写（名称和值由冒号分隔）。JavaScript对象是被命名值的容器。
2.JavaScript对象属性
（JavaScript对象中的）名称:值对被称为属性。例如，定义一个对象person:
var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};
3.JavaScript对象方法
对象也可以有方法。方法是在对象上执行的动作。方法以函数定义被存储在属性中。
var person = {
firstName: "Bill",
lastName : "Gates",
id : 678,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
4.this关键词
在函数定义中，this引用该函数的“拥有者”。在上面的例子中，this 指的是“拥有”fullName函数的person 象。换言之，this.firstName的意思是this对象的firstName属性。
5.对象定义
定义对象时，空格和折行都是允许的。对象定义可横跨多行，也可以放在一行：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 对象创建</h1>
<p id="demo"></p>
<script>
// 创建对象：
var person = {
firstName : "Bill",
lastName : "Gates",
age : 62,
eyeColor : "blue"
};
// 显示对象中的数据：
document.getElementById("demo").innerHTML =
person.firstName + " 已经 " + person.age + " 岁了。";
</script>
</body>
</html>
6.访问对象属性
（1）objectName.propertyName方法1：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 对象属性</h1>
<p>有两种不同的方法来访问对象属性。</p>
<p>您可以使用 person.property 或 person["property"]。</p>
<p id="demo"></p>
<script>
// 创建对象：
var person = {
firstName: "Bill",
lastName : "Gates",
id : 12345
};
// 显示对象中的数据：
document.getElementById("demo").innerHTML =
person.firstName + " " + person.lastName;
</script>
</body>
</html>
（2）person["lastName"];方法2：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 对象属性</h1>
<p>有两种不同的方法来访问对象属性。</p>
<p>您可以使用 person.property 或 person["property"]。</p>
<p id="demo"></p>
<script>
// 创建对象：
var person = {
firstName: "Bill",
lastName : "Gates",
id : 12345
};
// 显示对象中的数据：
document.getElementById("demo").innerHTML =
person["firstName"] + " " + person["lastName"];
</script>
</body>
</html>
7.访问对象方法
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 对象方法</h1>
<p>对象方法是一种函数定义，存储为属性值。</p>
<p id="demo"></p>
<script>
// 创建对象：
var person = {
firstName: "Bill",
lastName : "Gates",
id : 12345,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
// 显示对象中的数据：
document.getElementById("demo").innerHTML = person.fullName();
</script>
</body>
</html>
如果您不使用()访问fullName方法，则将返回函数定义。