JS从入门到精通_05-对象

• 对象
   1、Object 对象
   2、对象的分类
       2.1、内建对象
       2.2、宿主对象
       2.3、自定义对象
           属性名
           属性值
   3、基本数据类型和引用数据类型
       基本数据类型
       引用数据类型
   4、对象字面量
   5、方法
   6、枚举对象中的属性
  

• JS中数据类型

  String 字符串
  Number数值
  Boolean 布尔值
  Null空值
  Undefined 未定义
  以上这五种类型属于基本数据类型，以后我们看到的值只要不是上边的5种，全都是对象。
  1、Object 对象
  基本数据类型都是单一的值"hello" 123 true，值和值之间没有任何的联系。
  在JS中来表示一个人的信息（name gender age）：`var name = “孙悟空”;
  var gender = “男”;
  var age = 18;
  如果使用基本数据类型的数据，我们所创建的变量都是独立，不能成为一个整体。

对象属于一种复合的数据类型，在对象中可以保存多个不同数据类型的属性。
`
2、对象的分类
2.1、内建对象
由ES标准中定义的对象，在任何的ES的实现中都可以使用

常见内建对象有以下，都可以直接通过new调用构造函数创建对象实例：
Object、Function、Array、String、Number、Boolean、Date、RegExp
Error（EvalError、RangeError、ReferenceError、SyntaxError、TypeError、URIError）。
2.2、宿主对象
由JS的运行环境提供的对象，目前来讲主要指由浏览器提供的对象
比如 BOM DOM。
JavaScript实现包括三部分：
DOM
![在这里插入图片描述](https://img-blog.csdnimg.cn/c893a028f8c14a8eabe3b1d3acdd7cf9.bmp#pic_ce
BOM
DOM 和 BOM 的关系
2.3、自定义对象

由开发人员自己创建的对象

使用new关键字调用的函数，是构造函数constructor，构造函数是专门用来创建对象的

函数使用typeof检查一个对象时，会返回object
在对象中保存的值称为属性

• 添加或修改对象属性的语法：对象.属性名=属性值;
• 读取对象属性的语法：对象.属性名
• 删除对象属性的语法：delete 对象.属性名;

var obj = new Object();
// 向obj中添加一个name属性
obj.name = "孙悟空";
// 向obj中添加一个gender属性
obj.gender = "男";
// 向obj中添加一个age属性
obj.age = "18";
// 打印obj
console.log(typeof obj); // object
console.log(obj); // {"age":"18","gender":"男","name":"孙悟空"}
console.log(obj.name); // 孙悟空

属性名

对象的属性名不强制要求遵守标识符的规范，什么乱七八糟的名字都可以使用，但是我们使用是还是尽量按照标识符的规范去做
如果要使用特殊的属性名，不能采用.的方式来操作，而需要使用另一种语法：对象[“属性名”]=属性值，读取时也需要采用这种方式。
属性值
JS对象的属性值，可以是任意的数据类型，包括对象。
in运算符
通过该运算符可以检查一个对象中是否含有指定的属性
如果有则返回true，没有则返回false
语法：“属性名” in 对象

console.log("test" in obj); // false
console.log("name" in obj); // true

4、对象字面量

使用对象字面量，可以在创建对象时，直接指定对象属性的语法：{属性名: 属性值, 属性名: 属性值…}

对象字面量的属性名可以加引号也可以不加（建议不加），如果要使用一些特殊的名字，则必须加引号。

属性名和属性值是一组一组的名值对结构，名和值之间使用:连接，多个名值对之间使用,隔开，
如果一个属性之后没有其他的属性了，就不要写，了

var obj = {
    name: "孙悟空",
    age: 1000,
    gender: "男",
    bor:{
        name: "猪八戒"
    }
}
console.log(obj); // {"age":1000,"bor":{"name":"猪八戒"},"gender":"男","name":"孙悟空"}
5、方法
对象的属性值可以是任何的数据类型，也可以是个函数（下一节知识）。
函数也可以称为对象的属性，如果一个函数作为一个对象的属性保存，那么我们称这个函数是这个对象的方法。
调用函数就说调用对象的方法，但是它只是名称上的区别没有其他的区别。

var obj2 = {
    name: "猪八戒",
    age: 18,
    sayName: function() {
        console.log(obj2.name);
    }
};
obj2.sayName(); // 猪八戒

6、枚举对象中的属性
使用for…in语句语法：

for(var 变量 in 对象) {
	语句...
}

for…in语句对象中有几个属性，循环体就会执行几次
每次执行时，会将对象中的一个属性的名字赋值给变量

var obj = {
    name: "孙悟空",
    age: 1000,
    gender: "男",
    address: "花果山"
};
for(var key in obj){
    console.log(key + "=" + obj.key);
    // name=undefined
    // age=undefined
    // gender=undefined
    // address=undefined
    console.log(key + "=" + obj[key]);
    // name=孙悟空
    // age=1000
    // gender=男
    // address=花果山
}