JavaScript如何改变this指向?下面本篇文章给大家介绍一下JS改变this指向的三种方法,希望对大家有所帮助!
this随处可见,一般谁调用,this就指向谁。this在不同环境下,不同作用下,表现的也不同。
以下几种情况,this都是指向window
1、全局作用下,this指向的是window
2、函数独立调用时,函数内部的this也指向window
3、被嵌套的函数独立调用时,this默认指向了window
4、自调执行函数(立即执行)中内部的this也是指向window
需要额外注意的是:
构造函数中的this,用于给类定义成员(属性和方法)
箭头函数中没有this指向,如果在箭头函数中有,则会向上一层函数中查找this,直到window
1、call() 方法
call() 方法的第一个参数必须是指定的对象,然后方法的原参数,挨个放在后面。
(1)第一个参数:传入该函数this执行的对象,传入什么强制指向什么;
(2)第二个参数开始:将原函数的参数往后顺延一位
用法: 函数名.call()
2、apply() 方法
apply() 方法的第一个参数是指定的对象,方法的原参数,统一放在第二个数组参数中。
(1)第一个参数:传入该函数this执行的对象,传入什么强制指向什么;
(2)第二个参数开始:将原函数的参数放在一个数组中
用法: 函数名.apply()
3、bind() 方法
bind() 方法的用法和call()一样,直接运行方法,需要注意的是:bind返回新的方法,需要重新
调用
是需要自己手动调用的
用法: 函数名.bind()