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”

var car = "Fiat"

对象也是一个变量，但对象可以包含多个值（多个变量），每个值以name:value对呈现。

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

以上实例中，3个值（“fait",500,“white”)赋予变量car。

JavaScript对象是变量的容器

对象定义

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

<p>创建JavaScript对象</p>
		<p id="demo"></p>
		<script>
			var person={firstName:"John",lastName:"Doe",age:50,eyeColor:"blue"};
			document.getElementById("demo").innerHTML=
			person.firstName+"现在"+person.age+"岁";
		</script>

定义JavaScript对象可以跨越多行，空格跟换行是不行的：

var Jhon={
				firstName:"John",
				lastName:"DOe",
				age:50,
				eyeColor:"blue"
			};
			document.getElementById("demo").innerHTML=
			Jhon.firstName+"现在"+Jhon.age+"岁"+"\t"+Jhon.lastName;

对象属性

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

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

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

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

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

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

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

访问对象属性

两种方式访问对象属性：

person.lastName;

person["lastname"];

对象方法

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

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

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

<script>
			var person={
				firstName:"Jhon",
				lastName:"Doe",
				id:5566,
				fullName:function(){
					return this.firstName+" "+this.lastName;
				}
			};
			document.getElementById("demo").innerHTML=person.fullName();
		</script>

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

访问对象方法

使用以下语法创建对象方法：

methodName:fuction(){
//代码
}

使用以下语句访问对象方法

//对象名
objectName.methodName()

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

如果使用fullName属性，不添加(),它会返回函数的定义；

document.getElementById("demo").innerHTML="加括号运行结果："person.fullName();
			
document.getElementById("demo2").innerHTML="不加括号运行结果"+person.firstName;
//function() { return this.firstName + " " + this.lastName; }

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

demo2").innerHTML=“不加括号运行结果”+person.firstName;
//function() { return this.firstName + " " + this.lastName; }

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

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