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

@@ -14,19 +14,15 @@
当函数调用call()和apply()时,函数都会立即**执行**。
-用来改变函数的this对象的指向
-可以用来改变函数的this对象的指向。
- 第一个参数都是this要指向的对象函数执行时this将指向这个对象
- 都可以利用后续参数传实参。
- 第一个参数都是this要指向的对象函数执行时this将指向这个对象,后续参数传实参
**call()和apply()的区别:**
- call()方法可以将实参在对象之后依次传递。
- apply()方法需要将实参封装到一个**数组**中统一传递。
call()和apply()方法可以将实参在对象之后依次传递但是apply()方法需要将实参封装到一个**数组**中统一传递
比如针对下面这样的代码:

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指向问题
内部函数是可以访问到外部函数的变量的。