## 对象简介 ### 基本数据类型和引用数据类型的对比 - **基本数据类型(值类型)**:String 字符串、Number 数值、Boolean 布尔值、Null 空值、Undefined 未定义。 - **引用数据类型(引用类型)**:Object 对象。 **基本数据类型**: 基本数据类型的值直接保存在栈内存中,值与值之间是独立存在,修改一个变量不会影响其他的变量。 **对象**: 只要不是那五种基本数据类型,就全都是对象。 如果使用基本数据类型的数据,我们所创建的变量都是独立,不能成为一个整体。 对象属于一种复合的数据类型,在对象中可以保存多个不同数据类型的属性。 对象是保存到堆内存中的,每创建一个新的对象,就会在堆内存中开辟出一个新的空间。变量保存的是对象的内存地址(对象的引用),**如果两个变量保存的是同一个对象引用,当一个通过一个变量修改属性时,另一个也会受到影响**。 例如: ```javascript var obj = new Object(); obj.name = "孙悟空"; var obj2 = obj; //修改obj的name属性 obj.name = "猪八戒"; ``` 当我修改obj的name属性后,会发现,obj2的name属性也会被修改。因为obj和obj2指向的是堆内存中的同一个地址。 ### 对象的分类 1.内建对象: - 由ES标准中定义的对象,在任何的ES的实现中都可以使用 - 比如:Math String Number Boolean Function Object.... 2.宿主对象: - 由JS的运行环境提供的对象,目前来讲主要指由浏览器提供的对象 - 比如 BOM DOM。比如`console`、`document`。 3.自定义对象: - 由开发人员自己创建的对象 ## 对象的属性相关 ### 创建对象 使用new关键字调用的函数,是构造函数constructor。**构造函数是专门用来创建对象的函数**。 例如: ```javascript var obj = new Object(); ``` 另外,使用`typeof`检查一个对象时,会返回`object`。 ### 向对象添加属性 在对象中保存的值称为属性。 向对象添加属性的语法: ```javascript 对象.属性名 = 属性值; ``` 举例: ```javascript //向obj中添加一个name属性 obj.name = "孙悟空"; //向obj中添加一个gender属性 obj.gender = "男"; //向obj中添加一个age属性 obj.age = 18; ``` ### 获取对象中的属性 语法: ```javascript 对象.属性名 ``` 如果获取对象中没有的属性,不会报错而是返回`undefined`。 举例: ```javascript console.log(obj.gender); console.log(obj.hello); ``` ### 修改对象的属性值 语法: ```javascript 对象.属性名 = 新值 ``` ```javascript obj.name = "tom"; ``` ### 删除对象的属性 语法: ```javascript delete obj.name; ``` ### js中的属性值,可以是一个对象 JS对象的属性值,可以是任意的数据类型,甚至也**可以是一个对象**。 举例: ```javascript var obj = new Object(); obj.test = true; obj.test = null; obj.test = undefined; //创建一个对象 var obj2 = new Object(); obj2.name = "smyhvae"; //将obj2设置为obj的属性 obj.test = obj2; console.log(obj.test.name); ``` 打印结果为:smyhvae ### in 运算符 通过该运算符可以检查一个对象中是否含有指定的属性。如果有则返回true,没有则返回false。 语法: ```javascript "属性名" in 对象 ``` 举例: ```javascript //检查obj中是否含有name属性 console.log("name" in obj); ``` 我们平时使用的对象不一定是自己创建的,可能是别人提供的,这个时候,in 运算符可以派上用场。 ## 对象字面量 创建一个对象: ```javascript var obj = new Object(); ``` 使用对象字面量来创建一个对象: ```javascript var obj = {}; ``` 使用对象字面量,可以在创建对象时,直接指定对象中的属性。语法:{属性名:属性值,属性名:属性值....} 例如: ```javascript var obj2 = { name: "猪八戒", age: 13, gender: "男", test: { name: "沙僧" } //在对象中增加一个方法。以后可以通过obj2.sayName()来调用 sayName: function(){ console.log('smyhvae'); } }; ``` 对象字面量的属性名可以加引号也可以不加,建议不加。如果要使用一些特殊的名字,则必须加引号。 属性名和属性值是一组一组的键值对结构,键和值之间使用`:`连接,多个值对之间使用`,`隔开。如果一个属性之后没有其他的属性了,就不要写`,`