美文网首页
This指向总结

This指向总结

作者: 废废_siri | 来源:发表于2019-03-28 10:57 被阅读0次

函数调用

普通调用:this指向Window(在严格模式下,this指向undefined)

  • 宽松模式


    image.png
  • 严格模式


    image.png

隐示调用:this指向调用它的对象


image.png

显示调用:this指向call,aplay,bind的第一个参数


image.png

new(构造调用):this指向构造出来的实例对象


image.png

回调函数

事件回调函数:this指向绑定事件的DOM对象

image.png
image.png
普通回调函数(定时器,数组方法):this指向Window(在严格模式下,this指向undefined)
![image.png](https://upload-images.jianshu.io/upload_images/1434669
3-6779c69399bc4c25.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

箭头函数

箭头函数:this指向离箭头函数最近的那个包裹函数的this,如果没有就指向Window


image.png

react,vue中的生命周期函数

生命周期函数的this指向组件对象
react中的自定义函数this指向undefined


image.png
image.png

** 注意:如果把handleClick()改为箭头函数,那么它的this指向组件对象,因为箭头函数的this指向包裹它的函数的this

ES6类中的方法

this指向实例对象

相关文章

  • this指向总结

    1. 作为对象的方法调用 this指向该对象 2.当作为普通函数调用 this指向全局对象在浏览器js中,全局对象...

  • this指向总结

    全局环境下 在全局环境下,this 始终指向全局对象(window), 无论是否严格模式; 函数上下文调用 函数直...

  • This指向总结

    函数调用 普通调用:this指向Window(在严格模式下,this指向undefined) 宽松模式image....

  • this指向总结

    总结: 纯粹的函数调用:指向全局 作为对象方法的调用:指向对象(调用者) 构造函数调用:构造函数中的this指向n...

  • this指向总结

    1.简述this的指向问题 关于this的指向,记住最核心的一句话:哪个对象调用函数,函数里面的this指向哪个对...

  • OC基础-isa(4)

    isa,superClass总结先上图 总结:a.instance的isa指向classb.class的isa指向...

  • This的指向总结

    1、//定时器中this的指向 结论:如果由定时器调用执行了某个函数,函数中有this,则这个this指向wind...

  • JavaScript this指向总结

    JS中this的指向有些复杂,分为较多种的情况。此外,在严格模式和非严格模式之间也会有一些差别。 注:node环境...

  • this指向总结2

    this绑定的几种场景 全局环境下:this 始终指向全局对象(window), 无论是否严格模式; 函数上下文调...

  • 原型链整理

    总结: new的本质 指向总结Object.__ proto __ === Function.prototype ...

网友评论

      本文标题:This指向总结

      本文链接:https://www.haomeiwen.com/subject/bsyfbqtx.html