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