位置: 编程技术 - 正文

浅析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电脑怎么锁屏
  • 旅游公司开具的考察费怎么入账
  • 会计记账凭证摘要模板
  • 在win10中显示我的电脑
  • windows 10 版本 21h1
  • 新企业办理地税登记流程
  • php单双引号的区别
  • watch os2.1支持机型
  • PHP:Memcached::deleteByKey()的用法_Memcached类
  • 内部收益率如何计算例题
  • 酒店损益类科目包括哪些
  • apache配置多个项目
  • 前端加密后端解密代码
  • 医院装修设计费用取费标准表
  • 企业如何做账报税流程
  • 利用matlab作图
  • php怎么写数据库
  • 旅客运输进项抵扣税率
  • 2020年前端面试
  • php call stack
  • 最好用的电脑强力卸载软件
  • 什么叫呆账损失
  • 饲料加工企业可以转让吗
  • 小规模纳税人是什么意思
  • 家庭分割财产怎么处理
  • sql server 2008全称
  • 增值税免税优惠梳理
  • 一般纳税人企业所得税税率多少
  • 可转债中签卖出流程
  • 商品购进核算
  • 减免增值税的相关规定
  • 损益类科目借贷怎么记
  • 全面推开营改增政策指引
  • 公司怎么样能开发票
  • 应收账款是否算负债
  • 待清算商户消费款项是什么
  • 电子口岸登录显示证书错误
  • 对公帐户发票金额是什么
  • windows server 2008 r2怎么用u盘启动
  • ubuntu 4.10
  • linux ioctrl
  • .exe是啥程序
  • windows7的关闭方法
  • win7系统怎样设置
  • linux tar -xzvf
  • linux中的vi编辑器一般有哪三个模式
  • ES6 javascript中class类的get与set用法实例分析
  • OpenGL ES2.0-iPhone开发-part1
  • ExtJS Ext.MessageBox.alert()弹出对话框详解
  • 安卓游戏引擎
  • html头像代码
  • jquery监听页面刷新
  • jquery版本过低
  • jquery网页制作
  • Android自定义控件
  • 国家税务总局在哪
  • 江苏电子税务局网站官网
  • 怎样在网上打印社保证明
  • 东莞市国税局南城莫
  • 税控盘开票怎么赋码的教程
  • 增值税按次纳税的规定
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设