this
Posted Full-Stack-python
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了this相关的知识，希望对你有一定的参考价值。
title: 08-this
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>
点击其中的任何一个元素后，i的打印结果是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的作用，就体现出来了。
PS：顺便提醒一下，上面的代码中，如果把var i改成let i，效果又完全不同了。参考链接：let和var在for循环中的表现
全局作用域中的this
当一段代码在浏览器中执行时，所有的全局变量和对象都是在window对象上定义的。换而言之，所有的全局变量和对象都属于window对象。
this的定律
this关键字永远指向函数（方法）运行时的所有者。
函数赋值给变量时，this指向window
比如：
var foo1 = args.getInfo;
foo1();
var foo2 = function();
foo2();
this都是指向window。
以函数形式调用时，this永远都是window
以方法的形式调用时，this是调用方法的对象
解决闭包中的this指向问题
内部函数是可以访问到外部函数的变量的。
方式一：直接通过父函数的名字访问
方式二：如果不知道父函数的名字，在父函数里加一句_this = this，此时_this相当于父函数的名字。
当this遇到一些特殊的函数时
this指向
一、js中的this
this的理解：可以把this理解成一个指针，指向谁，this就相当于谁。
1、当在<script>标签里直接使用this时，和在全局函数中使用this，this指向window
2、在绑定事件中使用this，this指向被绑定事件和对象(this指向事件源）
3、在对象的方法中使用this，this指向对象本身
二、this的指向
1、全局下的this指向window
2、全局函数中的this指向window
3、对象中的this指向该对象
4、点击事件里的this指向当前元素
5、dom元素添加的事件监听器中的this，指向元素本身
6、
三、改变this的指向
在js中，为了使编程更灵活，高效，定义了一下几种方法来改变this的指向。为了让B对象能使用A对象中的方法，可以使用call、apply、bind等来完成
2.1 call 方法：call方法有两个或多个参数，第一个参数为this指向的对象（也就是this的指向被改变），其他+为传递的实参
2.2 apply 方法：apply方法功能和call一样。不同在于有多个参数时，apply方法使用数组来存储参数
2.3 bind 方法：bind方法和call很类似，不同之处bind方法不立即执行，需要调用在执行
四、apply call bind总结
1、apply，call，bind都是用来改变this指向的，第一个参数都是this指向的对象。
2、call，bind传递参数列表，apply使用数组传递参数
3、call，apply是立即调用，bind返回一个函数，需要调用后执行
4、call、apply、bind第一个参数是null或者window，this指向window
以上是关于this的主要内容，如果未能解决你的问题，请参考以下文章