位置: 编程技术 - 正文

javascript中this指向详解(js里的this指向)

编辑:rootadmin

推荐整理分享javascript中this指向详解(js里的this指向),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript中this指向,javascript的this用法,javascript的this指向,彻底弄懂js中的this指向,javascript中this的用法,javascript中this指什么,javascript中this指什么,javascript中this指什么,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript 是一种脚本语言,支持函数式编程、闭包、基于原型的继承等高级功能。JavaScript一开始看起来感觉会很容易入门,但是随着使用的深入,你会发JavaScript其实很难掌握,有些基本概念让人匪夷所思。其中JavaScript 中的 this 关键字,就是一个比较容易混乱的概念,在不同的场景下,this会化身不同的对象。有一种观点认为,只有正确掌握了 JavaScript 中的 this 关键字,才算是迈入了 JavaScript 这门语言的门槛。在主流的面向对象的语言中(例如Java,C#等),this 含义是明确且具体的,即指向当前对象。一般在编译期绑定。而 JavaScript 中this 在运行期进行绑定的,这是JavaScript 中this 关键字具备多重含义的本质原因。

JavaScript由于其在运行期进行绑定的特性,JavaScript 中的 this 可以是全局对象、当前对象或者任意对象,这完全取决于函数的调用方式。JavaScript 中函数的调用有以下几种方式:

作为对象方法调用;

作为函数调用;

作为构造函数调用;

使用 apply 或 call 调用。

常言道,字不如表,表不如图。为了让人更好的理解JavaScript this 到底指向什么?下面用一张图来进行解释:

上图我称之为"JavaScript this决策树"(非严格模式下)。下面通过例子来说明这个图如何来帮助我们对this进行判断:

point.moveTo函数调用是用new进行调用的么?这个明显不是,进入“否”分支,即函数是否用dot(.)进行调用?;

point.moveTo函数是用dot(.)进行调用的,即进入“是”分支,即这里的this指向point.moveTo中.之前的对象point。

图解point.moveTo函数的this指向什么的解析图如下图所示:

再举例,看下面的代码:

func()函数在 "JavaScript this决策树"中进行判定的过程是这样的:

func(5)函数调用是用new进行调用的么?这个明显不是,进入“否”分支,即函数是否用dot(.)进行调用?;

func(5)函数不是用dot(.)进行调用的,即进入“否”分支,即这里的this指向全局变量window,那么this.x实际上就是window.x。

图解func函数的this指向什么的解析图如下图所示:

javascript中this指向详解(js里的this指向)

针对作为函数直接调用的方式,下面看一个复杂的例子:

point.moveTo(1,1)函数实际内部调用的是moveX()和moveY()函数, moveX()函数内部的this在 "JavaScript this决策树"中进行判定的过程是这样的:

moveX(1)函数调用是用new进行调用的么?这个明显不是,进入“否”分支,即函数是否用dot(.)进行调用?;

moveX(1)函数不是用dot(.)进行调用的,即进入“否”分支,即这里的this指向全局变量window,那么this.x实际上就是window.x。

下面看一下作为构造函数调用的例子:

Point(1,1)函数在var np=new Point(1,1)中的this在 "JavaScript this决策树"中进行判定的过程是这样的:

var np=new Point(1,1)调用是用new进行调用的么?这个明显是,进入“是”分支,即this指向np;

那么this.x=1,即np.x=1;

Point(2,2)函数在var p= Point(2,2)中的this在 "JavaScript this决策树"中进行判定的过程是这样的:

var p= Point(2,2)调用是用new进行调用的么?这个明显不是,进入“否”分支,即函数是否用dot(.)进行调用?;

Point(2,2)函数不是用dot(.)进行调用的?判定为否,即进入“否”分支,即这里的this指向全局变量window,那么this.x实际上就是window.x;

this.x=2即window.x=2。

最后看一下函数用 call 和 apply 进行调用的例子:

p1.moveTo.apply(p2,[,])函数在 "JavaScript this决策树"中进行判定的过程是这样的:

我们知道,apply 和 call 这两个方法异常强大,他们允许切换函数执行的上下文环境(context),即 this 绑定的对象。p1.moveTo.apply(p2,[,])实际上是p2.moveTo(,)。那么p2.moveTo(,)可解释为:

p2.moveTo(,)函数调用是用new进行调用的么?这个明显不是,进入“否”分支,即函数是否用dot(.)进行调用?;

p2.moveTo(,)函数是用dot(.)进行调用的,即进入“是”分支,即这里的this指向p2.moveTo(,)中.之前的对象p2,所以p2.x=。

关于JavaScript函数执行环境的过程,IBM developerworks文档库中的一段描述感觉很不错,摘抄如下:

理解这段话对于理解Javascript函数将大有好处。

探寻JavaScript中this指针指向 探寻JavaScript中this指针指向首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定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(){

标签: js里的this指向

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

上一篇:举例讲解如何判断JavaScript中对象的类型(举例说明什么是判断)

下一篇:探寻JavaScript中this指针指向(javascript ts)

  • 宁波财税网会计之窗官网
  • 当月出租设备需要发票吗
  • 工资出现负数怎么申报个税
  • 税控盘怎么注销需要带什么东西
  • 新办商贸企业一般纳税人合同金额
  • 会计成本核算工作内容
  • 发票冲红需要什么手续
  • 农产品增值税进项税额核定扣除试点实施办法
  • 股权投资损失账务处理
  • 实发工资比计提多汇算清缴要怎么处理
  • 无形资产研究费用计入成本么
  • 投资性房地产房租计入什么会计科目
  • 营改增个体工商户优惠政策
  • 专票开户行和账号必须填吗
  • 公司业务招待费占比
  • 公益性捐赠公告
  • 广告服务增值税差额征税
  • 完工产品定额直接材料费用
  • 公司给另外一家公司投资
  • 冲红的进项税发票入账处理
  • 分期消费的实际收益
  • 卖护肤品赚钱吗
  • 插上U盘电脑无法启动怎么回事
  • 公司治理的基本内涵
  • 金税盘申请电子发票成功后怎样手工导入
  • 个税申报一年报一次吗
  • 上年度的费用今年怎么算
  • 无形资产可以占多少比例
  • PSof1.exe - PSof1是什么进程 有什么作用
  • macos big sur怎么运行ios软件
  • 开发间接费用会计分录
  • 固定资产清理净损失为什么在贷方
  • javascript图表
  • 付检测费会计分录
  • python包发布
  • 织梦模板安装完整教程
  • 如何让网站优化成功
  • 残疾人就业保障金上年职工工资总额
  • mysql日志有哪些
  • 个人缴纳职业年金的比例为本人缴费工资的多少
  • 研发人员差旅费可以资本化吗
  • 公司法认缴资本金新规
  • 企业现金购货限额
  • 退还多余的预收款项的会计分录
  • 预付账款未取得发票
  • 转回坏账准备影响营业利润吗
  • 小规模纳税人系统查询
  • 持有至到期投资是债权投资吗
  • 空调安装开发票
  • 对公网银回单可以导出吗
  • 为什么总成本费用不变
  • 新成立公司怎么办理社保开户
  • 无形资产如何入股公司
  • windows怎么用
  • windows vista怎么样
  • 建立iis
  • win10安装 升级
  • windows7包含6个版本其中什么最强大支持的功能最多
  • centos fuser
  • linux中su切换用户不成功
  • win10专业版系统多少g
  • linux系统设置网络
  • win8.1怎么重新装系统
  • cocos怎么用
  • javascript获取数据类型
  • Android---60---Notification 通知栏的简单使用
  • ghost详细说明
  • js setmap
  • python里模块
  • python读取文件指定内容
  • 页面抓取的流程是什么
  • csx脚本
  • javascript中br
  • androidcontext传值
  • javascript中hasOwnProperty() 方法使用指南
  • 我置顶你也只顶你
  • 冻结银行账户属于什么
  • 车辆购置税税率多少
  • 企业所得税按开票金额的多少计算税率
  • 江苏城市规划
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设