码迷,mamicode.com
首页 > 其他好文 > 详细

this理解

时间:2020-11-26 14:10:51      阅读:4      评论:0      收藏:0      [点我收藏+]

标签:com   成员访问   lazy   inf   理解   实例   需要   自己   obj   

this理解

** this:** 全局上下文的this=>window,块级上下文没有自己的this,它的this是继承所在上下文的this的

    在函数私有上下文中,this的情况会多种多样

    this不是执行上下文(ec才是执行下上文),this是执行主体

    如何区分执行主体:

        1.事件绑定,给元素的某个事件行为绑定方法,当事件行为处罚,方法执行,方法中的this是当前元素本身

        2.普通方法执行(包括自执行函数执行,普通函数执行,对象成员访问调取方法执行),只需要看函数执行的时候,

        方法前面是否有点,有点,点前面是谁this就是谁,没有点 this就是window

        3.构造函数执行,构造函数体中this是当前类的实例

        4.es6中箭头函数,箭头函数没有自己的this,他的this是继承所在上下文的this

        5.可以基于call/apply/bind等方式,强制改变函数中的this指向。

事件绑定

技术图片

自执行函数

技术图片

普通函数执行

技术图片

对象成员访问调取方法执行

技术图片

技术图片

构造函数

技术图片

箭头函数

技术图片

练习1

技术图片

使其this指向obj

方法1 定义一个变量 that = this

方法2 bind
技术图片

方法3 箭头函数
技术图片

练习2

技术图片

解析: 22 23 65 30

技术图片

this理解

标签:com   成员访问   lazy   inf   理解   实例   需要   自己   obj   

原文地址:https://www.cnblogs.com/loveliang/p/14019093.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!