位置: 编程技术 - 正文

探寻JavaScript中this指针指向(javascript ts)

编辑:rootadmin

推荐整理分享探寻JavaScript中this指针指向(javascript ts),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript chm,javascript throw,javascript+,javascript trim,javascript ts,javascript throw,javascriptthis,javascript throw,内容如对您有帮助,希望把文章链接给更多的朋友!

探寻JavaScript中this指针指向

首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然网上大部分的文章都是这样说的,虽然在很多情况下那样去理解不会出什么问题,但是实际上那样理解是不准确的,所以在你理解this的时候会有种琢磨不透的感觉),那么接下来我会深入的探讨这个问题。

为什么要学习this?如果你学过函数式编程,面向对象编程,那你肯定知道干什么用的,如果你没有学过,那么暂时可以不用看这篇文章,当然如果你有兴趣也可以看看,毕竟这是js中必须要掌握的东西。

例子1:

按照我们上面说的this最终指向的是调用它的对象,这里的函数a实际是被Window对象所点出来的,下面的代码就可以证明。

和上面代码一样吧,其实alert也是window的一个属性,也是window点出来的。

例子2:

这里的this指向的是对象o,因为你调用这个fn是通过o.fn()执行的,那自然指向就是对象o,这里再次强调一点,this的指向在函数创建的时候是决定不了的,在调用的时候才能决定,谁调用的就指向谁,一定要搞清楚这个。

其实例子1和例子2说的并不够准确,下面这个例子就可以推翻上面的理论。

如果要彻底的搞懂this必须看接下来的几个例子

例子3:

这段代码和上面的那段代码几乎是一样的,但是这里的this为什么不是指向window,如果按照上面的理论,最终this指向的是调用它的对象,这里先说个而外话,window是js中的全局对象,我们创建的变量实际上是给window添加属性,所以这里可以用window点o对象。

这里先不解释为什么上面的那段代码this为什么没有指向window,我们再来看一段代码。

这里同样也是对象o点出来的,但是同样this并没有执行它,那你肯定会说我一开始说的那些不就都是错误的吗?其实也不是,只是一开始说的不准确,接下来我将补充一句话,我相信你就可以彻底的理解this的指向的问题。

情况1:如果一个函数中有this,但是它没有被上一级的对象所调用,那么this指向的就是window,这里需要说明的是在js的严格版中this指向的不是window,但是我们这里不探讨严格版的问题,你想了解可以自行上网查找。

情况2:如果一个函数中有this,这个函数有被上一级的对象所调用,那么this指向的就是上一级的对象。

情况3:如果一个函数中有this,这个函数中包含多个对象,尽管这个函数是被最外层的对象所调用,this指向的也只是它上一级的对象,例子3可以证明,如果不相信,那么接下来我们继续看几个例子。

探寻JavaScript中this指针指向(javascript ts)

尽管对象b中没有属性a,这个this指向的也是对象b,因为this只会指向它的上一级对象,不管这个对象中有没有this要的东西。

还有一种比较特殊的情况,例子4:

这里this指向的是window,是不是有些蒙了?其实是因为你没有理解一句话,这句话同样至关重要。

this永远指向的是最后调用它的对象,也就是看它执行的时候是谁调用的,例子4中虽然函数fn是被对象b所引用,但是在将fn赋值给变量j的时候并没有执行所以最终指向的是window,这和例子3是不一样的,例子3是直接执行了fn。

this讲来讲去其实就是那么一回事,只不过在不同的情况下指向的会有些不同,上面的总结每个地方都有些小错误,也不能说是错误,而是在不同环境下情况就会有不同,所以我也没有办法一次解释清楚,只能你慢慢地的去体会。

构造函数版this:

这里之所以对象a可以点出函数Fn里面的user是因为new关键字可以改变this的指向,将这个this指向对象a,为什么我说a是对象,因为用了new关键字就是创建一个对象实例,理解这句话可以想想我们的例子3,我们这里用变量a创建了一个Fn的实例(相当于复制了一份Fn到对象a里面),此时仅仅只是创建,并没有执行,而调用这个函数Fn的是对象a,那么this指向的自然是对象a,那么为什么对象Fn中会有user,因为你已经复制了一份Fn函数到对象a中,用了new关键字就等同于复制了一份。

除了上面的这些以外,我们还可以自行改变this的指向,关于自行改变this的指向请看JavaScript中call,apply,bind方法的总结这篇文章,详细的说明了我们如何手动更改this的指向。

更新一个小问题当this碰到return时

再看一个

再来

什么意思呢?

如果返回值是一个对象,那么this指向的就是那个返回的对象,如果返回值不是一个对象那么this还是指向函数的实例。

还有一点就是虽然null也是对象,但是在这里this还是指向那个函数的实例,因为null比较特殊。

知识点补充:

1.在严格版中的默认的this不再是window,而是undefined。

2.new操作符会改变函数this的指向问题,虽然我们上面讲解过了,但是并没有深入的讨论这个问题,网上也很少说,所以在这里有必要说一下。

为什么this会指向a?首先new关键字会创建一个空的对象,然后会自动调用一个函数apply方法,将this指向这个空对象,这样的话函数内部的this就会被这个空的对象替代。

javascript学习指南之回调问题 回调地狱对JavaScript程序员来说,处理回调是家常,但是处理层次过深的回调就没有那么美好了,下面的示例代码片段用了三层回调,再补脑一下更多层

JavaScript常用字符串与数组扩展函数小结 String对象的扩展函数:String.prototype.trim=function(){returnthis.replace(/^s+|s+$/g,"");}String.prototype.ltrim=function(){returnthis.replace(/^s+/g,"");}String.prototype.rtrim=function(){

Function.prototype.apply()与Function.prototype.call()小结 老是忘掉这两个东东的用下,写下来做个记录吧。他们作用是一模一样的,只是传入的参数不一样applyapply接受两个参数,第一个制定了函数体内this对象

标签: javascript ts

本文链接地址:https://www.jiuchutong.com/biancheng/370014.html 转载请保留说明!

上一篇:javascript中this指向详解(js里的this指向)

下一篇:javascript学习指南之回调问题(javascript怎么学)

  • 服务费收入是什么
  • 在电子税务局可以抄税吗
  • 经营性应付项目的增加怎么计算
  • 小规模入账的收入分录
  • 怎么确定开票项目是否属于经营范围
  • 生产成本月末结转到本年利润里吗
  • 2019年新注册公司
  • 新企业会计准则什么时候实施的
  • 农产品核定扣除范围
  • 分期收款销售货物 收入确认
  • 开专票还要另外再交钱么
  • 公司给客户退款会计分录
  • 以公允价值计量且变动计入其他综合
  • 公司股权转1元转让还涉及哪些税务风险?
  • 小规模纳税人出售使用过固定资产
  • 增值税专票盖章正确位置
  • 调整以前年度应交税费分录
  • 工程费用包括哪几类
  • 奖金收入纳税
  • 资产负债表年初数和期末数代表什么
  • 网上申报附加税怎么报
  • 企业所得税法中规定的收入总额包括
  • win11系统进程
  • 虚拟机中如何将文件移动到普通用户的家目录下
  • 非房地产企业的基建管理办法
  • 如何在mac上快速打开聚焦搜索
  • 微软 Windows x64 仿真正式推出,只支持 Win11 ARM
  • SCHDPL32.EXE - SCHDPL32是什么进程 有什么用
  • 损益类科目有哪些借贷方向
  • uni app面试题
  • wordpress使用
  • 浏览器并发请求队列数量怎么设置
  • 企业利润取出税费有哪些
  • php冒泡法排序
  • php 封装
  • 物流费属于什么税目
  • 创建vue3项目的步骤
  • 软件行业的最后阶段是
  • 财政补助收入分录
  • wordpress全站伪静态
  • 2022年最新办公用房标准
  • 贴现金额的会计分录
  • 工资总额借方和贷方的区别
  • 其他货币资金是什么科目
  • 那怎么才能恢复
  • 以摊余成本计量的债权投资与以公允价值计量且其变动
  • 购进交通运输服务可以抵扣
  • 小微企业所得税优惠政策最新2023
  • 以固定资产投资取得长期股权投资
  • 银行开户的费用计入什么科目
  • 转租单位房子合法吗
  • 受托代销商品款是什么意思
  • 材料折扣会计分录
  • 股权转让的账务怎么处理 会计分录
  • 加油充值卡能报销吗
  • 差旅费包括哪些费用
  • 应付暂估余额很大怎么办
  • 什么时候用以前年度损益调整科目什么时候用所得税科目
  • 快递公司的主营业务范围
  • 解读分布式光伏开发前期工作要点及措施
  • mysql5.7.29安装
  • 中国主要省份和城市
  • windows server 2008下一些设置技巧及优化经验总结
  • linux 主力机
  • 如何解决孩子多动
  • 电脑找不到关机选项了怎么关机
  • win10一年更新几次
  • Win8系统32位和64位哪个好应该如何选择
  • shell脚本用法
  • 浮动浮动
  • perl脚本调试方法
  • 怎么改jdk路径
  • python中 index
  • 如何检测ip地址是否被占用
  • python脚本基本命令
  • javascript面向对象编程指南 pdf
  • 广州市税务局官网电话
  • 新领取的发票怎么读入金税盘
  • 中国地税发展现状
  • 涠洲岛船票售完
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设