学习前端知识的同时，梳理知识，也便于以后查找
tags:

JavaScript 对象

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

真实生活中的对象，属性和方法
生活中，一辆汽车是一个对象。质量、体积、速度等等是它的属性。

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

对象

• 在 JavaScript中，几乎所有的事物都是对象。
• 在 JavaScript 中，对象是非常重要的

对象也是一个变量，但对象可以包含多个值（多个变量）。

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

对象定义

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

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

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
或者
var person = {firstName:"John",lastName:"Doe",age:50,eyeColor:"blue"
};

关于Undefined 和 Null

• Undefined 这个值表示变量不含有值。

• 可以通过将变量的值设置为 null 来清空变量。

<script>
var str;
document.write(str + "<br>");var car="Volvo";
document.write(car + "<br>");var car=null
document.write(car + "<br>");
</script>

运行结果：

对象属性

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

但是通常认为 “JavaScript 对象是键值对的容器”。

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

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

与其他语言对照：

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

访问对象属性

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

person.lastName;
或者
person["lastName"];

对象方法

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

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

访问对象方法

• 函数属性作为一个方法访问，访问了 person 对象的 fullName() 方法，通过.
• 函数属性作为一个属性访问，要访问 person 对象的 fullName 属性，作为一个定义函数的字符串返回

p>创建和使用对象方法。</p>
<p>对象方法是一个函数定义,并作为一个属性值存储。</p>
<p id="demo1"></p>
<p id="demo2"></p>
<script>
var person = {firstName: "John",lastName : "Doe",id : 5566,fullName : function() {return this.firstName + " " + this.lastName;}
};
//函数属性作为一个方法访问
document.getElementById("demo1").innerHTML = "不加括号输出函数表达式："  + person.fullName;//函数属性作为一个属性访问，作为一个定义函数的字符串返回
document.getElementById("demo2").innerHTML = "加括号输出函数执行结果："  +  person.fullName();
</script>

通过new一个对象访问对象方法

methodName : function() {// 代码 
}objectName.methodName()

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

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

objectName ： methodName（）{//代码
}objectName.methodName

–END–