<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<!--
JavaScript对象
JavaScript对象拥有属性和方法的数据
真实生活中的对象,属性和方法
真实生活中,一辆汽车是一个对象.
对象有它的属性,如重量,颜色等,方法有启动等
对象
所有的汽车都有这些属性,但是每款车的属性都不尽相同
所有汽车都拥有这些方法,但是他们被执行的时间都不尽相同
JavaScript对象
在JavaScript中,几乎所有事物都是对象
在JavaScript中,对象非常重要,当你了解了对象,就可以了解JavaScript
你已经学习了JavaScript的赋值.
以下代码为变量car设置值为"Fiat"
var var = "First";
对象也是一个变量,但是对象可以包含多个值(多个变量),每个值以name:value呈现
在以上实例中,3个值("Fiat", model:500, color:"white");
在以上实例中,三个值("Fiat, 500, white")赋予变量car
JavaScript对象是变量的容器
对象定义
您可以使用字符来定义和创建JavaScript对象
实例
var person = {firstName:"John",lastName:"Die", age:50, color:"blue"}
对象属性:
可以说JavaScript对象是变量的容器
但是我们通常认为JavaScript对象是键值对的容器
键值对通常写法为name:value(键值以冒号分割)
键值对在JavaSCript对象统称为对象属性
JavaScript对象是属性变量的容器
对象键值对的写法类似于:
-PHP中的关联数组
-Python中的字典
-C语言中的哈希表
-Java中的哈希映射
-Ruby和Pert中的哈希表
访问对象属性:
您可以通过两种方法访问对象属性
实例1
person.lastName;
实例2
person["lastName"];
对象方法:
对象方法定义了一个函数,并作为对象的属性存储
对象方法通过添加()调用(作为一个函数)
该实例访问了person对象的fullName()方法
name = person.fullName();
JavaScript对象是属性和方法的容器
访问对象方法
你可以使用以下语法创建对象方法:
methodName:function(){
//代码
}
你可以使用以下语法访问对象方法:
实例:
objectName.methodName();
通常fullName()是作为person对象的一个方法,fullName是作为一个属性
如果使用fullName属性,不添加(),他会返回函数的定义:
有各种方法可以创建,使用和修改JavaScript对象,同样有多种方式用来创建,使用和修改属性和方法
-->
<body>
<p>创建 JavaScript对象</p>
<p id="demo1"></p>
<p>创建和使用对象方法</p>
<p>对象方法作为一个函数定义存储在对象属性中.</p>
<p id="demo2"></p>
<p>对象方法是一个函数定义,并作为一个属性值存储</p>
<p id="demo3"></p>
<script>
var person = {
firstName:"John",
lastName:"Doe",
age:50,
eyeColor:"blue",
fullName:function(){
return this.firstName+" "+this.lastName;
}
}
var demo1 = document.getElementById("demo1");
demo1.innerHTML=person.firstName+"现在"+person.age+"岁";
var demo2 = document.getElementById('demo2');
demo2.innerHTML=person.fullName();
var demo3 = document.getElementById('demo3');
demo3.innerHTML ="不加括号输出函数表达式: "+ person.fullName;
</script>
</body>
</html>