位置: 编程技术 - 正文

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)

  • 科技型中小微企业贷款贴息贴保项目入库申请指南
  • 不能抵扣进项税额的发票类型
  • 预付软件款的分录
  • 流动资产增幅
  • 企业呆账的处理方式
  • 当月商品已出库货款未收到怎么做分录?
  • 核定和查账区别
  • 购买原材料的费用
  • 发票未能在汇算清缴前取得怎么办?
  • 生产成本的明细账怎么登记
  • 陈列费发票属于什么类型
  • 普通发票和增值税发票都能报销吗
  • 退税勾选后怎么申报
  • 企业汇算清缴前的票可以入账吗
  • 股票现金分红
  • 进项发票里的印花税如何做账?
  • 地铁充值发票会透露个人账户信息吗
  • 一般企业车辆日期怎么算
  • 备件和耗材的定义
  • 招待费进项税能抵扣嘛
  • bootmgr is missing怎么手动解决
  • mac菜单栏设置在哪里
  • win10专业版技巧
  • 生产成本在资产负债表中怎么填
  • 有限公司注册资本500万就真的有500万吗
  • 保证合同的担保范围包括
  • 商业承兑汇票如何签收
  • 字典树python
  • 查询数据库的7个标准步骤
  • 季节性用工政策
  • laravel app接口
  • 通讯费补贴如何入账
  • 支付税务罚款
  • 可供出售金融资产在资产负债表日反映的是
  • 人工智能专业计算机科学与技术
  • 开的发票超过了限额会怎样,怎么办?
  • 前端axios是什么
  • 利得是什么举个例子
  • 股东分红应该在哪个科目
  • echarts series name
  • 常用激活函数及其导数
  • 报税系统清卡成功状态
  • 什么是对公账户和个人账户
  • 合伙企业退伙如何缴纳个人所得税
  • mac怎么下载postman
  • mysql中desc什么意思
  • mongodb添加环境变量
  • python如何使用requests检查请求
  • 业务招待费汇算清缴怎么填表
  • 公司转账到个人账户可以撤销么
  • 找社保代理公司需要提供什么资料
  • 税金及附加减半征收金额按哪个
  • 中小型企业应收账款风险管理
  • 应交税费属于什么科目借方
  • 其他应收款借方负数代表什么意思
  • 投资性房地产如何进行初始计量
  • 车票如何抵扣增值税
  • 暂估入账后费用怎么做账
  • 免税收入计入起征点吗
  • 账本页面设置
  • windows打开或关闭功能
  • 苹果mac os x 怎么样使用光盘
  • 音频文件恢复
  • 虚拟网卡在哪里设置
  • win10一年更新一次
  • 重装win7旗舰版重启后黑屏
  • ES6中javascript实现函数绑定及类的事件绑定功能详解
  • 深入理解
  • unity g
  • Node.js中的事件循环是什么意思
  • hbase shell split
  • unity getint
  • Unity3D AsssetBundle加载效率比较
  • 注释讲解
  • js初级教程
  • javascript怎么用
  • 增值税发票打印时号码不一致怎么办
  • 沈阳市地方税务局
  • 内蒙古自治区市
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设