|
|
本系列内容为JS全解析，为千锋教育资深前端老师独家创作
致力于为大家讲解清晰JavaScript相关知识点，含有丰富的代码案例及讲解。如果感觉对大家有帮助的话，可以【点个关注】持续追更~
this指向（掌握）
this 是一个关键字，是一个使用在作用域内的关键字
作用域分为全局作用域和局部作用域（私有作用域或者函数作用域）
全局作用域
全局作用域中this指向window
局部作用域
函数内的 this, 和 函数如何定义没有关系, 和 函数在哪定义也没有关系，只看函数是如何被调用的(箭头函数除外)
可分为以下场景：
普通函数中调用
普通函数中的this和全局调用一样，this指向window
语法：函数名()- [/code][size=4]对象（包含数组）中调用[/size]
- 该函数内的 this 指向 点 前面的内容，也就是那个对象或者数组
- 语法：
- 对象名.函数名()*
- 对象名
- [code]
定时器中的this同样也是指向window- [/code][size=4]事件处理程序中调用[/size]
- 事件处理程序中的this指向的是事件源
- [code]<!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
-
- </head>
- <body>
- hello world
-
- </body>
- </html>
●自执行函数中的this也指向window- [/code][size=6]强行改变this指向[/size]
- 通过上面的学习大家知道，this在不同的情况指向是不同的，但是有时候需要指向一个制定的对象，[b]这就需要改变this的指向[/b]
- [b]可以理解成不管之前指向哪里，现在我让你指向哪里你就要指向哪里[/b]
- 强行改变this指向的方式可以通过call、apply和bind来改变
- [size=5]call调用[/size]
- 作用：改变函数内部this的指向
- [size=4]语法：[/size]
- 函数名.call()
- 对象名.函数名.call(参数1，参数2，参数3...)
- [size=4]参数：[/size]
- ○第一个参数是this要指向的对象
- ○从第二个参数开始，依次给函数传递实参
- [b]特点：[/b] 会立即调用函数或者说立即执行
- [code]
作用： 改变函数内部this的指向
语法：
○函数名.apply()
○对象名.函数名.apply(参数1，[参数2，参数3...])
参数：
○第一个参数是this要指向的对象
○第二参数的一个数组，要传递的实参要放到数组里面，就是有一个实参也要放到数组里面
特点： 会立即调用函数或者说立即执行- [/code][size=5]bind调用[/size]
- [b]作用：[/b] 改变函数内部this的指向
- [b]语法：[/b]
- 函数名.bind()
- 对象名.函数名.bind(参数1，参数2，参数3...)
- [b]参数：[/b]
- 第一个参数是this要指向的对象
- 从第二个参数开始，依次给函数传递实参
- [b]特点：[/b] 函数不会立即调用，会返回一个改变this指向以后的函数，使用的时候需要调用
- [code]
来源:https://www.cnblogs.com/qian-fen/p/17391354.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！ |
|
