add: 对象的属性名和属性值

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属性
+    var obj = new Object();
-	obj.name = "孙悟空";
 
-	//向obj中添加一个gender属性
+    //向obj中添加一个name属性
-	obj.gender = "男";
+    obj.name = "孙悟空";
 
-	//向obj中添加一个age属性
+    //向obj中添加一个gender属性
-	obj.age = 18;
+    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);
+        var obj = new Object();
-	console.log(obj.hello);
+
+        //向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对象的属性值，可以是任意的数据类型，甚至也**可以是一
 属性名和属性值是一组一组的键值对结构，键和值之间使用`:`连接，多个值对之间使用`,`隔开。如果一个属性之后没有其他的属性了，就不要写`,`
 
 
-
+## 我的公众号
-
+
-
+想学习<font color=#0000ff>**代码之外的技能**</font>？不妨关注我的微信公众号：**千古壹号**（id：`qianguyihao`）。
-
+
-
+扫一扫，你将发现另一个全新的世界，而这将是一场美丽的意外：
-
+
-
+![](http://img.smyhvae.com/2016040102.jpg)
-
-
-
-
-
-
-
-
-
-
-
-
-
-