位置: 编程技术 - 正文

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)

  • 中级财务管理与注会财务管理
  • 营业成本包括哪些费用
  • 工会费个税税前扣除标准
  • 附加税费计税依据
  • 发放给员工的通讯费要上个税吗
  • 购置房产按揭应注意事项
  • 有票据的福利费是不需要职工薪酬科目过渡吗
  • 出口退税是按进项税额吗
  • 房产税的计税依据包含增值税吗
  • 核定征收的企业需要汇算清缴吗
  • 小规模纳税人购车好处
  • 网络发票和纸质发票不一致会计处理
  • 以自有资金进行股权投资
  • win10自带播放器不见了
  • 销售嵌入式软件产品发票如何开具
  • 王者荣耀中雅典娜的战争女神多少钱
  • linux从入门到什么搞笑
  • 咨询服务费怎么报印花税
  • 福利企业退税计入哪个科目
  • linux架构师是做什么的
  • 通过二手车买进套现
  • 广告费业务宣传费可以结转吗
  • 收到债劵利息会减少吗
  • vue的路由实现
  • 住宅专项维修资金是什么
  • wordpress静态分离
  • 基于深度学习的轴承寿命预测实践,开发CNN、融合LSTM/GRU/ATTENTION
  • mkisofs命令
  • python兑换美元
  • 原材料存货跌价准备会计分录
  • 钱进公账怎么转账给别人
  • 法人给对公账户转账
  • 装修费摊销费计算公式
  • 判断文件是否存在,存在则删除
  • 滴滴普通发票如何开
  • Windows下Postgresql下载与配置方法
  • pygame编程
  • 应交增值税账面余额与报税余额不符
  • 中医经营范围,营业执照怎么写
  • 个税赡养老人作废后无法修改
  • 去年的财务报表网上更正申报
  • 报销人和经办人的含义
  • 其他资本公积主要包括
  • 吸收合并和新设合并哪个更好
  • win7怎么配置
  • 经营活动的现金流量占全部现金流量的比重越大
  • 租金收入会计科目
  • 非公司员工机票能报销吗
  • 其他业务支出可以在企业所得税前扣除吗
  • 委托加工农产品的扣除率
  • 其他应收款贷方余额怎么调整
  • 自产商品无偿赠送是否确认收入
  • 规划设计费入什么科目
  • 私人贴现做账
  • 现金日记账金额怎么填写
  • 企业免征税范围有哪些
  • 公司开办期间怎么界定
  • centos yun
  • sql server索引的使用
  • win7系统资源管理器频繁未响应
  • centos运行文件
  • win7 双击不能打开文件
  • 电脑系统怎么设置字体大小
  • Linux httpd(apache)启动失败 解决办法
  • centos设置ftp
  • win10开启预览
  • form表单中input设置为readonly和disabled的区别
  • jquery刷新局部页面
  • js正则表达式gi
  • unity减少drawcall
  • javascript有几种类型
  • jquery常用插件有哪些
  • java 视频教程
  • android studio中r文件在哪
  • 企业科研经费管理制度
  • 辽宁省国家税务局官网
  • 减免性质代码是什么意思
  • 税控盘百旺怎样清卡
  • 北京国税局电话客服热线
  • 徐州注销营业执照去哪里
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设