# this
# this 的作用
this 可以帮我们简化很多代码。比如
xiaoming.name、xiaoming.age可以直接写成this.name、this.age。特别是当我们不知道一个对象是什么，或者这个对象没有名字但又很想调用它的时候，就会使用到 this 对象。
举例：
- 遍历 DOM 对象，绑定 click 事件，调用当前点击的对象的 id，而不是所有对象的 id。
代码：
<!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 (var i = 0; i < myDiv.length; i++) {
myDiv[i].onclick = function () {
console.log(i);
console.log(this.id);
};
}
};
</script>
<section>
<div id="div0">div0</div>
<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>
<div id="div4">div4</div>
</section>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
点击其中的任何一个元素后，i的打印结果是 5。你可能会觉得很惊讶。我们来解释一下：
当代码执行完毕后，i 已经等于 5 了。因为一旦运行程序，for 循环已经执行完了，此时 i 等于 5。
现在，我们尝试在 myDiv[i].onclick 事件中写代码，如果打印：
console.log(i); //打印结果为5
1
如果打印：
console.log(myDiv[i].id);
1
上方这行代码，打印会报错，因为 i=5；如果想打印每个 div 的 id，应该这样写：
console.log(this.id);
1
你看，this 的作用，就体现出来了。
PS：顺便提醒一下，上面的代码中，如果把var i改成let i，效果又完全不同了。参考链接：let 和 var 在 for 循环中的表现 (opens new window)
# 全局作用域中的 this
当一段代码在浏览器中执行时，所有的全局变量和对象都是在 window 对象上定义的。换而言之，所有的全局变量和对象都属于 window 对象。
# this 的定律
this 关键字永远指向函数（方法）运行时的所有者。
# 函数赋值给变量时，this 指向 window
比如：
var foo1 = args.getInfo;
foo1();
var foo2 = function(){};
foo2();
1
2
3
4
5
2
3
4
5
this 都是指向 window。
# 以函数形式调用时，this 永远都是 window
# 以方法的形式调用时，this 是调用方法的对象
# 解决闭包中的 this 指向问题
内部函数是可以访问到外部函数的变量的。
方式一：直接通过父函数的名字访问
方式二：如果不知道父函数的名字，在父函数里加一句_this = this，此时_this相当于父函数的名字。