10.JavaScript对象

对象

目标

• 能够说出为什么需要对象
• 能够使用字面量创建对象
• 能够使用构造函数创建对象
• 能够说出new的执行过程
• 能够遍历对象

了解对象

• 对象是实际存在或可连接的事物，在js里是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数字、数组、函数等

•   -	属性：事物的特征，在对象中用属性来表示（常用名词）
  

•   -	方法：事物的行为，在对象中用方法来表示（常用动词）
  

---

创建对象的三种方式

字面量创建对象

• 用花括号{ }创建对象
• 里面的属性或者方法采用键值对的形式
  {键就是属性名 ： 值就是属性值}
  多个属性或者方法中间用逗号隔开
  方法冒号后面跟的是一个匿名函数
• 调用对象
  (1)调用对象的属性 我们采取 对象名.属性名 （中间的小点可以理解为 ‘的’）
  (2)调用属性还有一种方法 对象名[‘属性名’]
  (3)调用对象的方法 对象名.方法名()

利用new Object 创建对象
var 对象名 = new Object();
对象名.属性 = 值 例：obj.name = ‘小丽’
以此往下添加即可

利用构造函数创建对象
为什么要用构造函数？因为前面两种一次只能创建一个对象
因为一次创建一个对象，里面很多属性和方法是大量相同的，我们只能赋值，因此我们可以利用函数的方法，重复这些相同的代码，我们就把这个函数称为构造函数

• 语法格式：
• function 构造函数名（）{
  this.属性 = 值；
  this.方法 = function（）{}
  }
  调用构造函数方法：
  new 构造函数();

---

new关键字

执行过程
1.new 构造函数可以在内存中创建一个空的对象
2.this就会指向刚才创建的空对象
3.执行构造函数里面的代码 给这个空对象添加属性和方法

---

遍历对象属性

for (var k in 对象名)

小结

1.对象可以让代码结构更清晰
2.对象复杂属性类型object。
3.本质：对象就是一组无序的相关属性和方法的集合
4.构造函数泛指某一大累，比如苹果，不管红色还是绿色 都是苹果。

---