## 基本数据类型和引用数据类型的对比 - **基本数据类型**:字符串 String、数字 Number、布尔 Boolean、未定义 undefined、空 null。 - **引用数据类型**:Object、function、Array、Date、RegExp、Error... JS中的变量都是保存到栈内存中的。 基本数据类型的值直接在栈内存中存储,值与值之间是独立存在,修改一个变量不会影响其他的变量。 对象是保存到堆内存中的,每创建一个新的对象,就会在堆内存中开辟出一个新的空间。变量保存的是对象的内存地址(对象的引用),如果两个变量保存的是同一个对象引用, 当一个通过一个变量修改属性时,另一个也会受到影响。 例如: ```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 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'); } }; ``` 对象字面量的属性名可以加引号也可以不加,建议不加。如果要使用一些特殊的名字,则必须加引号。 属性名和属性值是一组一组的键值对结构,键和值之间使用:连接,多个名值对之间使用,隔开。如果一个属性之后没有其他的属性了,就不要写`,`