位置: 编程技术 - 正文

探寻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怎么学)

  • 存续小微企业
  • 五月份有啥节日2020
  • 金税盘减免账务处理
  • 贸易企业可以委托代理吗
  • 企业所得税表中营业成本包括费用吗
  • 公司已倒闭
  • 缴纳文化事业建设费的范围
  • 销售费用包括哪些二级科目
  • 个人独资企业的债务由谁承担
  • 餐饮加盟公司怎么经营
  • 专项维修资金的,由县级
  • 小企业作废的发票怎么开
  • 增值税金内部结算方式
  • 增值税过期未抵扣
  • 双倍余额递减法考虑净残值吗
  • 甲供材的范围
  • 电子发票打印出来没有税务局的章
  • 电商公司怎么进入
  • 增值税发票是否含税
  • 金税盘点了没反应
  • 普通股资本成本计算方法
  • 滞纳金账务处理
  • 火车票抵扣进项税额怎么申报
  • 土地使用权出让金
  • 集团公司收购子公司
  • 汽车装饰用品大全进货
  • 小规模纳税人专票开3%的专票,以后就不能享受1%
  • 电子发票怎么打成A4纸一半
  • 关于小微企业的规定
  • 财政拨款收入的预算会计科目
  • 期末余额和期初余额
  • 汽车维修费可以入账吗
  • 电脑重装系统启动
  • linux 硬盘满了
  • 代缴个税的分录
  • 二次规划是什么意思
  • 领料单出库单区别
  • 存货的毁损通过什么科目核算
  • 建设期需要流动资金吗
  • 银行贷款成本高
  • php图片上传插件
  • 2018年残保金申报表填表说明
  • 自动驾驶车祸
  • php 性能优化
  • 主营业务成本记错了怎么调整
  • 待核销基建支出与待摊投资的区别
  • 交上年企业所得税多少
  • 金税盘服务费分录
  • 玉米 收购
  • 税金及附加怎么做分录
  • 增值税专用发票和普通发票的区别
  • 固定资产减值准备可以转回吗
  • sql server分为哪两类
  • 商品组装后出售怎么做账
  • 什么公司可以核定企业所得税
  • 对方多开票怎么处理
  • 房租收入如何缴纳增值税
  • 库存商品暂估入库可以结转成本吗
  • 卖旧固定资产计入哪个科目
  • 先开发票钱后进怎样做帐?
  • 购车怎么做会计分录
  • sqlserver1053怎么解决
  • 如何安装ubuntu20.04
  • ubuntu系统安装报错
  • 进程cmd.exe
  • win7显示网上邻居图标
  • xp显示文件后缀怎么设置
  • windows免费升级win10
  • linux learn
  • node.js的使用
  • android内存dump
  • js里写css
  • 学习雷锋好榜样
  • 对new functionName()定义一个函数的理解
  • Node.js中的construct构造函数
  • 怎么利用python处理批量表格
  • 你知道必要的意思吗英文
  • 契税和房产税是一回事吗
  • 黄金消费税如何算
  • 集体产权房产证怎么办
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设