位置: 编程技术 - 正文

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)

  • 汇算清缴需要做分录吗
  • 车辆租赁费发票备注栏怎么写
  • 个人所得税的纳税方式有哪几种
  • 税务uk开票人显示是管理员怎么改
  • 固定资产清理结转到什么科目
  • 小金额收据入账后需要汇算清缴吗
  • 知识产权局专利审查协作中心
  • 增值税一般纳税人是什么意思
  • 租车费属于办公费吗
  • 实习生应该如何计算个人所得税
  • 金税三期收费吗
  • 冲借款的凭证怎么做
  • 总公司亏损分公司盈利如何处理
  • 进项税申报但未抵扣
  • 非股东可以投资项目吗
  • 进项发票与销项发票差额是企业毛利润吗
  • 国家动漫企业认定优惠政策
  • 如果月初忘记抄税直接开票怎么办
  • 工程价款是什么意思
  • 出租不动产什么时候交税
  • 公司的公益性捐款合法吗
  • 没有及时去做财务会计制度备案怎么办?
  • 举办活动 举行活动
  • win7 右键 没反应怎么办
  • 税金的分录
  • 存货成本要加上税费吗
  • 虚拟存储器什么意思
  • 高新技术企业取消资格怎么处罚
  • 工业企业采购部门职责
  • 纳税申报包括哪些税种
  • 页面白屏可能原因前端
  • unigui 小程序
  • 调入的无形资产记入哪里
  • react js 教程
  • 关于古老的jsp页面的知识汇总(超详细)
  • smb命令执行
  • 爬虫失败的原因
  • 社保滞纳金计入个人账户吗
  • 信用证支付方式,银行处理单据时主要关注( )
  • 小规模销售收入超过500万
  • 公司股票买卖账务处理
  • html前端技术
  • mongodb导入
  • 电子发票额度余额怎么查
  • 进项税额转出的会计分录怎么做
  • 公司买的材料做什么分录
  • 存货跌价准备是什么意思
  • 公司收到拆迁补偿金,于评估公司的区别
  • 税局代开专票如何做账务处理?
  • 个人取得全年一次性奖金征税规定
  • 车辆购置税计入什么科目
  • 工程结算价超过合同价10%
  • 长期挂账的其他应付款税务风险
  • 小规模纳税人建筑服务预缴增值税
  • 集资建房有维修基金吗
  • 工会经费交纳
  • 内账会计工作职责和工作流程
  • mysql几天能学会
  • windows优化软件
  • nano linux
  • centos安装问题
  • ubuntu终端终止正在执行的命令
  • 如何设置无线网密码
  • window10英文版安装步骤
  • mkcool是什么文件
  • linux系统怎么访问网页
  • 微信小程序上传文件的API是
  • nodejs读取json文件,并返回列表
  • js excel解析
  • angular卸载
  • python toad
  • 宁波地铁支付宝可以刷吗
  • 税务局核查研发费举措
  • ukey证书初始密码
  • 不交社保申报个税有风险吗
  • 日本快递税率
  • 郑州市区税务局
  • 省国税局领导由谁任命
  • 建筑行业的公司近期出现的问题
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设