位置: 编程技术 - 正文

js老生常谈之this,constructor ,prototype全面解析(彻底弄懂js中的this指向)

编辑:rootadmin

推荐整理分享js老生常谈之this,constructor ,prototype全面解析(彻底弄懂js中的this指向),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js中this的三种用法,js 的this,如何理解js中的this,js中this的概念,js中this的概念,如何理解js中的this,js中this的概念,js 的this,内容如对您有帮助,希望把文章链接给更多的朋友!

前言

javascript中的this,constructor ,prototype,都是老生常谈的问题,深入理解他们的含义至关重要。在这里,我们再来复习一下吧,温故而知新!

this

this表示当前对象,如果在全局作用范围内使用this,则指代当前页面对象window; 如果在函数中使用this,则this指代什么是根据运行时此函数在什么对象上被调用。 我们还可以使用apply和call两个全局方法来改变函数中this的具体指向。

先看一个在全局作用范围内使用this的例子:

函数中的this是在运行时决定的,而不是函数定义时,如下:

全局函数apply和call可以用来改变函数中this的指向,如下:

注:apply和call两个函数的作用相同,唯一的区别是两个函数的参数定义不同。

因为在JavaScript中函数也是对象,所以我们可以看到如下有趣的例子:

prototype

prototype本质上还是一个JavaScript对象。

并且每个函数都有一个默认的prototype属性。 如果这个函数被用在创建自定义对象的场景中,我们称这个函数为构造函数。 比如下面一个简单的场景:

js老生常谈之this,constructor ,prototype全面解析(彻底弄懂js中的this指向)

作为类比,我们考虑下JavaScript中的数据类型 - 字符串(String)、数字(Number)、数组(Array)、对象(Object)、日期(Date)等。

我们有理由相信,在JavaScript内部这些类型都是作为构造函数来实现的,比如:

同时对数组操作的很多方法(比如concat、join、push)应该也是在prototype属性中定义的。 实际上,JavaScript所有的固有数据类型都具有只读的prototype属性 (这是可以理解的:因为如果修改了这些类型的prototype属性,则哪些预定义的方法就消失了), 但是我们可以向其中添加自己的扩展方法。

注意:这里有一个陷阱,向Array的原型中添加扩展方法后,当使用for-in循环数组时,这个扩展方法也会被循环出来。 下面的代码说明这一点(假设已经向Array的原型中扩展了min方法):

解决方法也很简单:

constructor

constructor始终指向创建当前对象的构造函数。比如下面例子:

但是当constructor遇到prototype时,有趣的事情就发生了。 我们知道每个函数都有一个默认的属性prototype,而这个prototype的constructor默认指向这个函数。如下例所示:

当时当我们重新定义函数的prototype时(注意:和上例的区别,这里不是修改而是覆盖), constructor的行为就有点奇怪了,如下示例:

为什么呢? 原来是因为覆盖Person.prototype时,等价于进行如下代码操作:

而constructor始终指向创建自身的构造函数,所以此时Person.prototype.constructor === Object,即是:

怎么修正这种问题呢?方法也很简单,重新覆盖Person.prototype.constructor即可:

也可以这么写:

以上这篇js老生常谈之this,constructor ,prototype全面解析就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。

JS中JSON对象和String之间的互转及处理技巧 JSON:JavaScript对象表示法(JavaScriptObjectNotation),其实JSON就是一个JavaScript的对象(Object)而已。如有不清楚JSON,可以去w3cschool了解

IE8 内存泄露(内存一直增长 )的原因及解决办法 最近开发的时候对页面使用了定时的局部更新,结果在ie6,7和Firefox下,一切正常,而在ie8下过上几个小时就浏览器就崩溃了,显示是内存溢出,我以为

JS实现把鼠标放到链接上出现滚动文字的方法 本文实例讲述了JS实现把鼠标放到链接上出现滚动文字的方法。分享给大家供大家参考,具体如下:divid="tooltip2"style="position:absolute;visibility:hidden;clip:rect(

标签: 彻底弄懂js中的this指向

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

上一篇:实例详解ECMAScript5中新增的Array方法(vxlan配置实例详解)

下一篇:JS中JSON对象和String之间的互转及处理技巧(如何实现js对象和json数据互转)

  • 企业垃圾处理费申报依据
  • 城镇土地使用税减免税政策
  • 进项税额转出意思是下月还得缴吗
  • 企业所得税期初资产总额怎么填写
  • 委托开发的定义
  • 工会经费计税基数包含支付职工的辞退福利
  • 公司简易注销需要清算吗
  • 外币资产汇兑损益计算
  • 酒店租金计入什么会计科目
  • 工程领用物资退回会计分录怎么写?
  • 异地建筑工程预缴企业所得税
  • 子公司注销投资收益是否纳税合并层面
  • 发票开错重开怎么做账?
  • 小微企业如何备案
  • 企业收到财政专项资金账务处理
  • 安全提取费用标准
  • win11开始菜单怎么设置成左下角
  • mac系列电脑
  • 一个完整的php文件由哪些元素组成
  • php-mbstring
  • win11系统怎么设置密码锁屏
  • 公司备用金申请单
  • 购入专利权的会计科目
  • php新手入门
  • 实收资本的会计编码
  • 单臂路由实验目的
  • 基础知识讲解
  • 废料收入的成本怎么核算
  • 新准则与旧准则比较有哪些新变化
  • 个体户缴纳生产经营所得税
  • 前端实现文件上传的命令
  • chat ty
  • 发票勾选平台进入后没有什么内容
  • 信息技术服务费税收编码
  • 收到的赠品怎么做分录
  • java中double是什么数据类型
  • 进程 python
  • 个人独资企业计提的各种准备金支出不得扣除
  • 企业累计预扣个税是什么
  • 出差补贴要不要发票呢?
  • 信用减值损失属于什么类
  • 以下船舶可在公海上行驶登陆权
  • 房地产增值税可以抵扣吗
  • 增值税免税优惠梳理
  • 建筑劳务公司的税率是多少
  • 单位外币卡账户的资金应从其单位的外汇账户转账存入
  • 电子承兑汇票转给下家
  • 长租公寓如何纳税
  • 职工教育经费是否可以抵扣进项税
  • 商贸公司批发零食怎么样
  • 差额征税问题
  • 经营杠杆系数的经济含义
  • 车辆按揭利息财务怎么算
  • 调整以前年度所得
  • 一达通退税需要具备的条件?
  • 公司坏账率一般多少
  • 企业投资人类型怎么选
  • sqlserver2008分页查询
  • sql语句 时间差
  • mysql多表内连接查询
  • avserve2.exe是什么东东
  • 快速复制一张同样的幻灯片
  • mac如何关闭开机密码
  • windowsapp文件夹打不开
  • 在对linux系统中dir
  • 简述android多线程编程的实现方式
  • linux脚本作用
  • 将txt文件名批量导入excel
  • angular.js
  • Jqgrid之强大的表格插件应用
  • javascript高级程序设计电子书
  • python中pandas.DataFrame对行与列求和及添加新行与列示例
  • 读取更新包文件发生错误
  • 完美世界3v3
  • 常见python函数
  • 北京市国家税务局电话
  • 发票如何验真伪?
  • 武汉市国家税务总局第二稽查局
  • 企业筹建期间发生的费用应计入什么账户
  • 京牌车船税网上可以交吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设