This commit is contained in:
qianguyihao
2018-03-22 11:54:37 +08:00
parent 575b853d31
commit aae88046b6
38 changed files with 129 additions and 33 deletions

View File

@@ -34,7 +34,7 @@
<script>
window.onload = function () {
var myDiv = document.getElementsByTagName('div');
for (i = 0; i < myDiv.length; i++) {
for (var i = 0; i < myDiv.length; i++) {
myDiv[i].onclick = function () {
console.log(i);
}
@@ -58,11 +58,11 @@
```
上方代码的正确打印结果是5。你可能会觉得很惊讶。我们来解释一下
点击其中的任何一个元素后,上方代码的正确打印结果是5。你可能会觉得很惊讶。我们来解释一下
当代码执行完毕后i已经等于5了。因为一旦运行程序for循环已经执行完了此时i等于5。
如果我们尝试在 myDiv[i].onclick事件中写代码的时候,如果打印:
现在,我们尝试在 myDiv[i].onclick事件中写代码如果打印
```
console.log(i); //打印结果为5
@@ -83,12 +83,14 @@
你看this的作用就体现出来了。
PS顺便提醒一下上面的代码中如果把`var i`改成`let i`,效果又完全不同了。参考链接:[let和var在for循环中的表现](http://blog.csdn.net/stopllL/article/details/64130664)
### 全局作用域中的this
当一段代码在浏览器中执行时所有的全局变量和对象都是在window对象上定义的。换而言之所有的全局变量和对象都属于window对象。
### this的定律
## this的定律
this关键字永远指向函数方法运行时的**所有者**。
@@ -114,7 +116,7 @@ this都是指向window。
### 以方法的形式调用时this是调用方法的对象
### 解决闭包中的this指向问题
## 解决闭包中的this指向问题
内部函数是可以访问到外部函数的变量的。