位置: 编程技术 - 正文

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)

  • 转让股份缴纳什么税
  • 分公司的企业所得税税率是多少
  • 居民个人的综合所得
  • 金税三期反映出来的是前几年的问题
  • 国税税务登记号查询
  • 税务师考试给个税表吗
  • 盘盈盘亏处理意见和建议
  • 劳务报酬收入是否含税
  • 四联发票都需要盖什么章
  • 专项应付款在资产负债表中如何列示
  • 自然人独资企业是什么意思
  • 开具红字增值税专用发票的条件
  • 机动车销售统一专票有几联
  • 小规模纳税人销售已使用固定资产
  • 工厂报废的产品价格有规定吗
  • 前程无忧靠什么赚钱
  • 管道租赁合同怎么写
  • 购买国债逆回购有股东限制
  • 农业机耕服务是什么税收分类编码
  • 预提返利的会计处理
  • 全额抵免的计算
  • 进项税和销项税的分录
  • 工会经费会计分局
  • 公司帐户能直接转账吗
  • rpcclient.exe - rpcclient是什么进程 有什么用
  • win10显示无法连接蓝牙
  • 不良修复体的危害
  • 企业发生的哪些费用可以结转
  • 转出未交增值税和未交增值税区别
  • laravel视频教程
  • PHP:imagecreatefromwebp()的用法_GD库图像处理函数
  • 微前端架构实现
  • realsense d415参数
  • 营改增通俗
  • vue中$route
  • sybaris插件包
  • apt-show-versions
  • 股东投资款超过多少,必须股东会
  • 增值税普通发票需要交税吗
  • 社保台账显示未托收
  • 从公账发工资是什么凭证
  • js怎么执行函数
  • sql 存储过程语句
  • CentOS 7.3上SQL Server vNext CTP 1.2安装教程
  • 一般纳税人之外还有什么
  • 企业什么情况
  • 企业收到房租发票怎么做账
  • 单位食堂收费制度
  • 开服务业发票要交印花税吗?
  • 个人垫付社保会计分录
  • 生产车间生产工人的薪酬计入什么
  • 收到票据之后贴什么标签
  • 私营企业固定资产折旧
  • 几个比较重要的家风
  • SQL语句查询数据库账号和权限
  • unix系统中目录采用什么结构
  • 安装了windows
  • vista改win7
  • 利用()可以对系统进行全面的设置
  • xp系统插u盘没反应怎么解决
  • ubuntu18.04配置
  • 苹果官网
  • linux强大的网络功能
  • opengl的函数
  • nodejsapi框架
  • ug语法错误
  • jquery 获得焦点
  • 打开指定文件夹命令
  • jsp生成uuid
  • 遮罩有什么作用
  • 浅谈python
  • bootstrap基础教程pdf
  • python爬虫详解
  • 电子税务局申报密码怎么设置?
  • 税控盘税务数字证书密码忘记怎么办
  • 计征土地增值税时需要以评估价格来确定
  • 成立税务师事务所一定要执业会员吗
  • 建筑行业增值税税收优惠政策
  • 差旅费的补助计入哪个费用
  • 征管法 追征期起如何界定
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设