位置: 编程技术 - 正文

详解JavaScript基于面向对象之继承(javascript基础)

编辑:rootadmin

推荐整理分享详解JavaScript基于面向对象之继承(javascript基础),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript语言基础,javascript基础,javascript的基础类型,javascript基于,js基础,javascript基础,javascript基础,javascript的基础类型,内容如对您有帮助,希望把文章链接给更多的朋友!

一、面相对象继承机制 这个实例使用UML很好的解释了继承机制。 说明继承机制最简单的方式是,利用一个经典的例子就是几何形状。实际上,几何形状只有两种,即椭圆形(是圆形的)和多边形(具有一定数量的边)。圆是椭圆的一种,它只有一个焦点。三角形、矩形和五边形都是多边形的一种,具有不同数量的边。正方形是矩形的一种,所有的边等长。这就构成了一种完美的继承关系,很好的解释了面向对象的继承机制。 在这个例子中,形状是椭圆形和多边形的基类(通常我们也可以叫它父类,所有类都由它继承而来)。椭圆具有一个属(foci),说明椭圆具有的焦点的个数。圆形继承了椭圆形,因此圆形是椭圆形的子类,椭圆形是圆形的超类。同样,三角形、矩形和五边形都是多边形的子类,多边形是它们的超类。最后,正方形继承了矩形。 最好用图来解释这种继承关系,这是 UML(统一建模语言)的用武之地。UML的主要用途之一是,可视化地表示像继承这样的复杂对象关系。下面的图示是解释形状和它的子类之间关系的UML图示:

详解JavaScript基于面向对象之继承(javascript基础)

在UML中,每个方框表示一个类,由类名说明。三角形 、矩形和五边形顶部的线段汇集在一起,指向形状,说明这些类都由形状继承而来。同样,从正方形指向矩形的箭头说明了它们之间的继承关系。二、ECMAScript继承机制的实现 要用ECMAScript实现继承机制,您可以从要继承的基类入手。所有开发者定义的类都可作为基类。出于安全原因,本地类和宿主类不能作为基类,这样可以防止公用访问编译过的浏览器级的代码,因为这些代码可以被用于恶意攻击。 选定基类后,就可以创建它的子类了。是否使用基类完全由你决定。有时,你可能想创建一个不能直接使用的基类,它只是用于给子类提供通用的函数。在这种情况下,基类被看作抽象类。尽管ECMAScript并没有像其他语言那样严格地定义抽象类,但有时它的确会创建一些不允许使用的类。通常,我们称这种类为抽象类。 创建的子类将继承超类的所有属性和方法,包括构造函数及方法的实现。记住,所有属性和方法都是公用的,因此子类可直接访问这些方法。子类还可添加超类中没有的新属性和方法,也可以覆盖超类的属性和方法。由于JS并不是正统的面向对象语言,一些名词也需要做出改变。三、ECMAScript继承的方式 ECMAScript语言中将被继承的类(基类)称为超类型,子类(或派生类)称为子类型。和其他功能一样,ECMAScript实现继承的方式不止一种。这是因为JavaScript中的继承机制并不是明确规定的,而是通过模仿实现的。这意味着所有的继承细节并非完全由解释程序处理。作为开发者,你有权决定最适用的继承方式。下面为您介绍几种具体的继承方式。(1)原型链方式 继承这种形式在ECMAScript中原本是用于原型链的。上一篇博文已经介绍了创建对象的原型方式。原型链扩展了这种方式,以一种有趣的方式实现继承机制。prototype 对象是个模板,要实例化的对象都以这个模板为基础。总而言之,prototype 对象的任何属性和方法都被传递给那个类的所有实例。原型链利用这种功能来实现继承机制。我们来看一个例子:

在原型链中,instanceof运算符的运行方式也很独特。对B的所有实例,instanceof为A和B都返回true。ECMAScript的弱类型世界中,这是极其有用的工具,不过使用对象冒充时不能使用它。例如:

使用原型链方式实现了继承,但是这种方式无法共享和子类型给超类型传递参数。我们可以借用构造函数方式(也就是对像冒充)的方式来解决这两个问题。(2)对象冒充方式 对象冒充方式的其原理如下:构造函数使用this关键字给所有属性和方法赋值(即采用对象声明的构造函数方式)。因为构造函数只是一个函数,所以可使A构造函数成为B的方法,然后调用它。B就会收到A的构造函数中定义的属性和方法。例如,用下面的方式改写上面的例子创建对象A和B:call()方法

apply()方法和上面call()方法唯一的区别就是在子类型B中的代码:A.call(this,arguments);//对象冒充,给超类型传参 当然,只有超类型中的参数顺序与子类型中的参数顺序完全一致时才可以传递参数对象。如果不是,就必须创建一个单独的数组,按照正确的顺序放置参数。 使用对象冒充方式虽然解决了共享和传参的问题,但是没有原型,复用就更不可能了,所以我们组合上述的两种方式,即原型链方式和对象冒充的方式实现JS的继承。(3)混合方式 这种继承方式使用构造函数定义类,并非使用任何原型。对象冒充的主要问题是必须使用构造函数方式,这不是最好的选择。不过如果使用原型链,就无法使用带参数的构造函数了。开发者如何选择呢?答案很简单,两者都用。由于这种混合方式使用了原型链,所以instanceof运算符仍能正确运行。 在上一篇文章,创建对象的最好方式是用构造函数定义属性,用原型定义方法。这种方式同样适用于继承机制,用对象冒充继承构造函数的属性,用原型链继承prototype对象的方法。用这两种方式重写前面的例子,代码如下:

继承的方式和创建对象的方式有一定的联系,推荐使用的继承方式还时原型链和对象冒充的混合方式。使用这种混合方式可以避免一些不必要的问题。 看这篇文章的时候,必须看一下前面的创建对象的方式:详解JavaScript基于面向对象之创建对象(1)和详解JavaScript基于面向对象之创建对象(2)。

标签: javascript基础

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

上一篇:推荐阅读的js快速判断IE浏览器(兼容IE10与IE11)(有哪些推荐阅读的书)

下一篇:详解JavaScript正则表达式之RegExp对象(:javascript)

  • 电子税务局附加税带不出来
  • 二手商铺买卖税率大约百分比
  • 允许抵扣的进项税额分为哪几种情况
  • 小规模纳税人场地租赁
  • 查验发票会显示名字吗
  • 社保公积金计提是本月计提下月
  • 企业所得税预缴少申报案例
  • 土增税土地成本分摊方法
  • 办公室低值易耗品管理员职责
  • 购买成品入库并结转成本会计分录怎么写?
  • 向税务局缴纳工伤保险费有发票吗
  • 票面利率大于市场利率是溢价吗
  • 去年多做销售费用今年冲回该如何做会计分录?
  • 非营利性代收代付费用会计处理怎么做?
  • 实收资本没到账,一直挂其他应收款,有啥影响
  • 计提结转本月城建税怎么做账?
  • 冲回多提所得税
  • 车辆维修费
  • 增值税开票资料没有电话可以吗
  • 备用金 退款
  • 工程发票需要进项吗
  • 房产契税什么时候可以退
  • 小微企业关闭
  • 公允价值与计税价值区别
  • 商业承兑汇票如何查询
  • 判断自己的眉型
  • 生产车间购入材料会计分录
  • 企业收到政府补助时,无需开发票,双方根据银行电汇单
  • 重装系统最好排名
  • windows刷新桌面
  • 预付加油充值卡可以报销吗
  • 增值税专用发票的税率是多少啊
  • multiple editions是什么版本
  • php模块
  • 设计版权费用
  • pdf.js原理
  • 劳动合同到期补偿金怎么算
  • 自由职业者如何交五险一金
  • 会计的四大基本要素
  • 房地产行业预售制度
  • cuda运行环境
  • laravel定时任务如何实现的
  • 布拉塞龙图片
  • linux如何搭建
  • yii2 resetful 授权验证详解
  • 会计科目分类有几种方法
  • 预收账款的账务处理摘要
  • 收银算不算财务工作
  • 医疗报销发票是什么样的
  • 销售返利计入销售费用
  • 生产性资金性质
  • 如何在sql server中建立一个表
  • 2023年终奖一次性扣税对照表
  • 老板自己出钱买办公用品怎么做账
  • 公司社保外包了,没给我社保卡怎么办?
  • 结转本月收支
  • 以银行存款支付所欠税金48000
  • 税务局指定购买发票流程
  • 土地出让的钱归谁
  • 企业净资产怎么填
  • 如何设置微信语音来电铃声
  • windows server 2008 硬盘格式
  • win8任务管理器快捷键
  • mac笔记软件推荐
  • winxp共享文件
  • linux的run目录放什么文件
  • win8.1系统升级win10
  • jquery实现表单验证
  • 将Bitmap用Base64转码成字符串,再解码回来出现黑色背景的问题原因及解决办法。
  • qt搭建opencv
  • jq判断浏览器
  • Python文件处理
  • 给shell脚本传参数
  • linux python gui
  • js基础教程
  • 现在小规模开专票多少钱
  • 河南省地税税务局官网
  • 应纳税所得额怎么求公式
  • 一般纳税人企业所得税5%还是25%
  • 公司借款给员工是否合法
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设