this指向

Posted 2020-11-24 yjz19

 一、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