diff --git a/03-JavaScript基础/15-对象简介.md b/03-JavaScript基础/07-对象简介.md similarity index 55% rename from 03-JavaScript基础/15-对象简介.md rename to 03-JavaScript基础/07-对象简介.md index 9d757e5..0e1302c 100644 --- a/03-JavaScript基础/15-对象简介.md +++ b/03-JavaScript基础/07-对象简介.md @@ -9,7 +9,7 @@ **基本数据类型**: -基本数据类型的值直接保存在栈内存中,值与值之间是独立存在,修改一个变量不会影响其他的变量。 +基本数据类型的值直接保存在**栈内存**中,值与值之间是独立存在,修改一个变量不会影响其他的变量。 **对象**: @@ -19,7 +19,11 @@ 对象属于一种复合的数据类型,在对象中可以保存多个不同数据类型的属性。 -对象是保存到堆内存中的,每创建一个新的对象,就会在堆内存中开辟出一个新的空间。变量保存的是对象的内存地址(对象的引用),**如果两个变量保存的是同一个对象引用,当一个通过一个变量修改属性时,另一个也会受到影响**。 +对象是保存到**堆内存**中的,每创建一个新的对象,就会在堆内存中开辟出一个新的空间。变量保存的是对象的内存地址(对象的引用)。 + +换而言之,对象的值是保存在**堆内存**中的,而对象的引用(即变量)是保存在**栈内存**中的。 + +**如果两个变量保存的是同一个对象引用,当一个通过一个变量修改属性时,另一个也会受到影响**。 例如: @@ -33,19 +37,19 @@ obj.name = "猪八戒"; ``` -当我修改obj的name属性后,会发现,obj2的name属性也会被修改。因为obj和obj2指向的是堆内存中的同一个地址。 +上面的代码中,当我修改obj的name属性后,会发现,obj2的name属性也会被修改。因为obj和obj2指向的是堆内存中的同一个地址。 -### 对象的分类 +## 对象的分类 -1.内建对象: +1.内置对象: - 由ES标准中定义的对象,在任何的ES的实现中都可以使用 -- 比如:Math String Number Boolean Function Object.... +- 比如:Math、String、Number、Boolean、Function、Object.... 2.宿主对象: -- 由JS的运行环境提供的对象,目前来讲主要指由浏览器提供的对象 +- 由JS的运行环境提供的对象,目前来讲主要指由浏览器提供的对象。 - 比如 BOM DOM。比如`console`、`document`。 @@ -53,7 +57,7 @@ - 由开发人员自己创建的对象 -## 对象的属性相关 +## 对象的基本操作 ### 创建对象 @@ -67,7 +71,7 @@ 另外,使用`typeof`检查一个对象时,会返回`object`。 -### 向对象添加属性 +### 向对象中添加属性 在对象中保存的值称为属性。 @@ -80,16 +84,32 @@ 举例: ```javascript - //向obj中添加一个name属性 - obj.name = "孙悟空"; + var obj = new Object(); - //向obj中添加一个gender属性 - obj.gender = "男"; + //向obj中添加一个name属性 + obj.name = "孙悟空"; - //向obj中添加一个age属性 - obj.age = 18; + //向obj中添加一个gender属性 + obj.gender = "男"; + + //向obj中添加一个age属性 + obj.age = 18; + + console.log(JSON.stringify(obj)); // 将 obj 以字符串的形式打印出来 ``` + +打印结果: + +``` + { + "name":"孙悟空", + "gender":"男", + "age":18 + } +``` + + ### 获取对象中的属性 语法: @@ -104,10 +124,23 @@ ```javascript - console.log(obj.gender); - console.log(obj.hello); + var obj = new Object(); + + //向obj中添加一个name属性 + obj.name = "孙悟空"; + + //向obj中添加一个gender属性 + obj.gender = "男"; + + //向obj中添加一个age属性 + obj.age = 18; + + // 获取对象中的属性,并打印出来 + console.log(obj.gender); // 打印结果:男 + console.log(obj.color); // 打印结果:undefined ``` + ### 修改对象的属性值 语法: @@ -122,7 +155,6 @@ ``` - ### 删除对象的属性 语法: @@ -132,7 +164,35 @@ ``` -### js中的属性值,可以是一个对象 + +## 对象的属性名和属性值的补充 + + +### 属性名:可以使用`[]`这种形式去操作属性 + +对象的属性名不强制要求遵守标识符的规范,但是我们使用是还是尽量按照标识符的规范去做。 + +但如果要使用特殊的属性名,不能采用`.`的方式来操作。比如说,`123`这种属性名,如果我们直接写成`obj.123 = 789`,是会报错的。那怎么办呢?办法如下: + +需要使用另一种方式。语法格式如下:(读取时,也是采用这种方式) + +``` +对象["属性名"] = 属性值 + +``` + + +上面这种语法格式,举例如下: + +```javascript + obj["123"] = 789; +``` + + +**重要**:使用`[]`这种形式去操作属性,更加的灵活,,因为,我们可以在`[]`中直接传递一个**变量**,这样变量值是多少就会读取那个属性。 + + +### 属性值:js中的属性值,可以是一个对象 JS对象的属性值,可以是任意的数据类型,甚至也**可以是一个对象**。 @@ -157,8 +217,6 @@ JS对象的属性值,可以是任意的数据类型,甚至也**可以是一 打印结果为:smyhvae - - ### in 运算符 通过该运算符可以检查一个对象中是否含有指定的属性。如果有则返回true,没有则返回false。 @@ -220,27 +278,13 @@ JS对象的属性值,可以是任意的数据类型,甚至也**可以是一 属性名和属性值是一组一组的键值对结构,键和值之间使用`:`连接,多个值对之间使用`,`隔开。如果一个属性之后没有其他的属性了,就不要写`,` - - - - - - - - - - - - - - - - - - - - - +## 我的公众号 + +想学习**代码之外的技能**?不妨关注我的微信公众号:**千古壹号**(id:`qianguyihao`)。 + +扫一扫,你将发现另一个全新的世界,而这将是一场美丽的意外: + +![](http://img.smyhvae.com/2016040102.jpg)