modify
This commit is contained in:
@@ -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指向问题
|
||||
|
||||
|
||||
内部函数是可以访问到外部函数的变量的。
|
||||
|
||||
Reference in New Issue
Block a user