位置: 编程技术 - 正文

浅析Javascript原型继承 推荐第1/2页(javascript原理详解)

编辑:rootadmin
JS没有提供所谓的类继承,据说在2.0中要加入这种继承方式,但是要所有浏览器都实现2.0的特性那肯定又得N多年。昨天看了crockford 的一个视频,里面讲解了一下JS的继承方式,按照PPT里面说的,一共分了三类:Prototypal,pseudoclassical,Parasitic Inheritance。 下面主要介绍一下原型继承:When a function object is created, it is given a prototype member which is an object containing a constructor member which is a reference to the function object.

这里先区别一下什么是prototype属性,和constructor属性。也就是要区别什么是构造器,函数,对象实例。 其实在JS中构造器就是函数,函数就是构造器,对象实例就是通过var obj=new 函数();这种形式新建出来的实例。区别这些,在说prototype和constructor。从上面的英文中可以看出,prototype是个对象,里面定义了一个constructor,那么我们可以推论出,constructor是对象实例的属性!而不是函数(构造器)的属性。反过来,prototype是函数(构造器)的属性,而不是实例的属性! 我们可以看出MyObj是不具有JS意义下的constructor属性的,为什么这么说呢。alert(MyObj.constructor)这行代码还是有东西的:

这是因为MyObj是个函数,所以他的构造器就是本地的Function对象,也就是说MyObj是由Function构造出来的。但是这个对我们意义不大,因为这已经不再JS层面上了。所以这里可以认为MyObj不具有JS意义下的constrcutor属性。 alert(obj.prototype)通过这行我们可以看出,obj实例是不具有原型属性的。OK,现在区别清楚了这些,可以看原型继承了。如果不区别清楚这个,恐怕下面会看的很晕。注意这行:Hoozit.prototype = new Gizmo();这行就是原型继承的核心代码。 还有要注意的是只有在new Gizmo()之后,才能添加test等其它方法,这个顺序不能倒过来!如果你先添加了test等方法,然后在new Gizmo(),那么原来添加的那些方法都将找不到了。具体原因,下面分析完了,也就清楚了。 仔细看一下上面的图,这个就是原型继承的图示。左下角new Hoozit(stirng)代表的是新建的一个对象。为了以下表述方便,我们管他叫objH1。最右边的灰色的箭头就是原型继承链。 根据文章开头的那段英文,我们知道每个函数都有一个原型,这个原型是个对象,并且对象里面包含一个constructor属性。其中Object,Gizmo,Hoozit就是函数,可以看出里面都有一个prototype项,而这个prototype又指向一个对象,这个对象里面又有一个constructor属性,constructor又指回自身。 但是这里有一个意外,我们发现Hoozit原型对象里面没有constructor属性,而这个函数的右边却有一个空的对象,里面包含了一个constructor属性?为什么呢? 这个问题会发生在原型继承过程中。主要就是因为Hoozit.prototype = new Gizmo();这句话引起的。这句话的意思就是新建了一个Gizmo对象并且赋给Hoozit的原型!那么,那么,仔细想想,是不是Hoozit原有的原型对象就被断开了呢??没错,就是这样。所以那个有constructor属性的空对象再也访问不到了! 那现在又有一个疑问了,通过Hoozit.prototype = new Gizmo();这行代码之后,Hoozit.prototype.constructor指向哪里了呢?很简单,知道(new Gizmo()).constructor指向哪里吗?通过上面的图,可以清晰的看出来指向的是Gizmo函数。所以我们断定,现在的Hoozit.prototype.constructor也指向了那里! 上面这行代码验证了我们的猜测!OK,上面讲完了函数(构造器一边),然后我们再来说实例对象这边:每个实例对象都有一个constructor属性,并且指向构造器(函数)。而且每个new出来的实例都是某个原型constructor的实例: 上面为什么不拿objH1举例呢,因为他的constructor已经不是他自己的了,而是Gizmo对象的,那么我们验证一下: 看到了吗?其实这个问题也不算什么大问题,如果你要不使用instanceof检查父对象或者使用constructor进行原型回溯的话,这个问题可以不解决了。如果想解决这个问题怎么办呢?在Prototype框架的Class.create方法里面给出了一种方法,具体可以参考: 下面我简单说一下两种方法:

推荐整理分享浅析Javascript原型继承 推荐第1/2页(javascript原理详解),希望有所帮助,仅作参考,欢迎阅读内容。

浅析Javascript原型继承 推荐第1/2页(javascript原理详解)

文章相关热门搜索词:javascript的原型,javascript工作原理,javascript工作原理,javascript原生,javascript原生,javascript 原理,javascript原生,javascript原生,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript 设计模式学习 Singleton /*BasicSingleton.*/varSingleton={attribute1:true,attribute2:,method1:function(){},method2:function(arg){}};单件模式最主要的用途之一就是命名空间:/*GiantCorpnamespace.*/varGiantCor

JavaScript 创建对象和构造类实现代码 创建一个对象Java代码scripttype="text/javaScript"varnewObject=newObject();//创建一个对象newObject.firstName="frank";//增加一个firstName属性newObject.sayName=function(){alert(this.fi

JS 面向对象的5钟写法 Java代码//第1种写法functionCircle(r){this.r=r;}Circle.PI=3.;Circle.prototype.area=function(){returnCircle.PI*this.r*this.r;}varc=newCircle(1.0);alert(c.area());Java代码//第2种写法varC

标签: javascript原理详解

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

上一篇:javascript Base类 包含基本的方法

下一篇:JavaScript 设计模式学习 Singleton(js设计模式有哪些)

  • 纳税属于什么会计科目
  • 一般纳税人收到专票怎么认证
  • 出口免税进项税额转出怎么计算
  • 企业增资后需要交什么税
  • 编制初始计量有什么要求
  • 增值税纳税申报表附列资料(三)
  • 文化事业建设费减免政策
  • 企业减免的所得税税率
  • 凭证更正方法有哪些
  • 企业自建房产提成多少
  • 企业未开票收入怎么发现
  • 企业收到的政府补贴,怎么入账
  • 材料的销售成本计算公式
  • 销售安装门窗增值税
  • 房地产企业汇算清缴报表
  • 申报开票是什么意思
  • 施工企业开专票还是开普票好
  • 员工的家庭
  • 企业案例描述
  • 企业修路会计分录
  • 贴现率与再贴现率计算机行业是好多
  • 增值税的特殊销售方式有哪些?税务处理时怎样的?
  • 财务人员工资计入什么费用?
  • 压缩文件夹发给别人他能看到我桌面上的文件吗
  • mac big sur 新功能
  • vue使用方法
  • 公司收到保险公司赔款
  • mac和mac之间怎么传东西
  • PHP:xml_parser_set_option()的用法_XML解析器函数
  • PHP 中 Orientation 属性判断上传图片是否需要旋转
  • 异地设立的仓库怎么处理
  • 非合理损耗会计分录
  • 财务人员如何审核合同
  • 房产增值税计算公式2022最新
  • 在vue3项目中自定义组件通常存放在
  • call for conference paper
  • Chrome谷歌浏览器官网
  • vue引入mui
  • php制作微信小程序
  • r在数据分析中表示什么意思
  • 造孽啊啥意思
  • 以银行存款交纳欠缴税金
  • 一般纳税人无票收入怎么报增值税
  • 企业所得税是先预缴吗
  • 首涂第二十一套模板
  • 固定资产的货币资金包括
  • 行政事业单位福利费开支范围文件
  • 企业销售商品满足收入确认条件时,应当
  • 个人所得税应纳税额
  • 计提银行存款利息
  • 缴纳上月增值税及本月预缴增值税
  • 职工教育经费还有什么经费
  • 保险公司披露的上一年度保险责任准备金
  • 去年印花税今年年初交的税金及附加做今 年可以吗
  • 商业地产会计账务怎么做
  • 高新技术企业的税收优惠政策
  • 固定资产实务训练题目及答案
  • 查询存储过程中的文件
  • mac下mysql密码忘记了怎么办
  • win10预览版选哪个
  • winxp远程桌面
  • linux网络设置在哪里
  • winxp如何增加c盘空间
  • win10新建文件夹的快捷键是哪个
  • win7为什么会出现小黄锁
  • 图形学实验报告总结
  • css示范例子
  • js 根据时间排序
  • 一个进程cpu占用率长时间为90%以上
  • unity3d官方教程
  • jquery表单事件验证表单
  • 安卓开发主要做什么
  • 商业发票发票号怎么填写
  • 江苏常州税务局电话人工服务电话
  • 延安市地方税务局电话
  • 江苏省全电发票开通流程
  • 企业所得税要在几号之前申报
  • 如何参与发票摇奖
  • 试运行期间的收入应如何处理
  • 国税总局编制这次怎么调整
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设