add：（1）ES6。（2）关于this的一道题。

2018-03-17 22:24:47 +08:00
parent db21f181c5
commit e3ef193e5d
4 changed files with 331 additions and 7 deletions
--- a/03-JavaScript（二）/this.md
+++ b/03-JavaScript（二）/this.md
@@ -7,23 +7,91 @@

 - 特别是当我们不知道一个对象是什么，或者这个对象没有名字但又很想调用它的时候，就会使用到this对象。

-举例：
+**举例：**

 - 遍历DOM对象，绑定click事件，调用当前点击的对象的id，而不是所有对象的id。

+代码：
+
+```html
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+    <title>Document</title>
+    <style>
+        div {
+            width: 100px;
+            height: 100px;
+            background-color: green;
+            margin: 10px;
+        }
+
+    </style>
+</head>
+<body>
+<script>
+    window.onload = function () {
+        var myDiv = document.getElementsByTagName('div');
+        for (i = 0; i < myDiv.length; i++) {
+            myDiv[i].onclick = function () {
+                console.log(i);
+            }
+        }
+
+    }
+
+</script>
+<section>
+    <div id="div0"> div0</div>
+    <div id="div0"> div1</div>
+    <div id="div0"> div2</div>
+    <div id="div0"> div3</div>
+    <div id="div0"> div4</div>
+</section>
+
+
+</body>
+</html>
+
+```
+
+
+上方代码的正确打印结果是5。你可能会觉得很惊讶。我们来解释一下：
+
+当代码执行完毕后，i已经等于5了。因为一旦运行程序，for循环已经执行完了，此时i等于5。
+
+如果我们尝试在 myDiv[i].onclick事件中写代码的时候，如果打印：
+
+```
+	console.log(i);  //打印结果为5
+```
+
+
+如果打印：
+
+```
+	console.log(myDiv[i].id);
+```
+
+上方这行代码，打印会报错，因为i=5；如果想打印每个div的id，应该这样写：
+
+```
+	console.log(this.id);
+```
+
+你看，this的作用，就体现出来了。

 ### 全局作用域中的this

 当一段代码在浏览器中执行时，所有的全局变量和对象都是在window对象上定义的。换而言之，所有的全局变量和对象都属于window对象。


-
 ### this的定律

-
 this关键字永远指向函数（方法）运行时的**所有者**。

-
 ### 函数赋值给变量时，this指向window