位置: 编程技术 - 正文

JavaScript 继承机制的实现(待续)(js继承的方式)

编辑:rootadmin
1.对象冒充 原理:构造函数使用this关键字给所有属性和方法赋值(即采用类声明的构造函数方式)。 因为构造函数只是一个函数,所以可使ClassA的构造函数成为ClassB的方法,然后调用它。ClassB就会收到ClassA的构造函数中定义的属性和方法。 例如: 下面方式定义的ClassA和ClassB: 关键字this引用的是构造函数当前创建的对象。 不过在这个方法中国,this指向的是所属的对象。这个原理把ClassA作为常规函数来建立继承机制,而不是作为构造行数。 如下使用构造函数ClassB可以实现继承机制: 这段代码中,为(但我觉得这里应该是"把")ClassA赋予了方法newMethod(记住函数名只是指向它的指针)。然后调用该方法,传递给它的是ClassB的构造函数的参数sColor。最后一行代码删除了对ClassA的引用,这样以后就不能再调用它。 所有的新属性和新方法都必须删除了新方法的代码行后定义。否则,可能会覆盖超类的相关属性和方法: 运行下面的例子: 例如,如果存在两个类ClassX和ClassY,ClassZ想继承这两个类,可以使用下面的代码: 这里存在一个弊端,如果ClassX和ClassY具有同名的属性或方法,ClassY具有高优先级,因为它从后面继承。除了这一点小问题外,用对象冒充实现多继承机制轻而易举。 由于这种继承方式的流行,ECMAScript的第三版为Function对象加入了两个新方法,即call()和apply()。 2.call()方法 call()方法与经典的对象冒充方法最相似的方法。它的第一个参数用作this的对象。其他参数都直接传递给函数自身。例如: 在这个例子中,函数sayColor()在对象外定义,即使它不属于任何对象,也可以引用关键字this。对象的obj的color属性等于"red"。调用call()方法时,第一个参数是obj,说明 应该赋予sayColor()函数中的this关键字的值是obj。第二个和第三个参数是字符串。它们与sayColor()函数中的参数prefix和suffix匹配,最后生成消息"The color is red, a very nice color indeed." 要与继承机制的对象冒充方法一起使用该方法,只需将前三行的赋值、调用和删除代码替换即可: 这里,想让ClassA中的关键字this等于新创建的ClassB对象,因此this是第一个参数。第二个参数sColor对两个类来说都是唯一的参数。 3.apply()方法 apply()方法有两个参数,用作this的对象和要传递给函数的参数和数组。例如: 这个例子与前面的例子相同,只是现在调用的是apply()方法。调用apply()方法时,第一个参数仍是obj,说明应该赋予sayColor()中的this关键字值是obj。第二个参数是由两个字符串组成的数组,与sayColor()的参数prefix和suffix匹配。生成的消息仍是 "The Color is red,a nice color indeed." 该方法也用于替换前三行的赋值、调用和删除新方法的代码: 同样的,第一个参数仍是this。第二个参数是只有一个值color的数组。可以把ClassB的整个arguments对象作为第二个参数传递给apply()方法: 当然,只有超类中的参数顺序与子类中的参数顺序完全一致时才可以传递参数对象。如果不是,就必须创建一个单独的数组,按照正确的顺序放置参数。此外,还可以使用call()方法。

推荐整理分享JavaScript 继承机制的实现(待续)(js继承的方式),希望有所帮助,仅作参考,欢迎阅读内容。

JavaScript 继承机制的实现(待续)(js继承的方式)

文章相关热门搜索词:js继承的方式,javascript中的继承,javascript中的继承,js继承的三种方法,js继承机制,js继承的三种方式,js继承的三种方式,js里的继承,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript 构造函数 面相对象学习必备知识 functionA(x){this.x=x;}varobj=newA(5);alert(obj.x);这段代码十分简单,但是我们重要的是看到了一个十分惊讶的结果,obj被我们赋予了一个属性x,就如同我们在C#

JavaScript 原型与继承说明 functionA(x){this.x=x;}alert(A.prototype);alert(A.prototype.constructor);根据弹出的结果,我们可以得到:原型对象是由函数的构造函数创建,它所拥有的属性能被所有

JavaScript的单例模式 (singleton in Javascript) 单例模式的基本结构:MyNamespace.Singleton=function(){return{};}();比如:MyNamespace.Singleton=(function(){return{//Publicmembers.publicAttribute1:true,publicAttribute2:,publicMethod1:fu

标签: js继承的方式

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

上一篇:JavaScript 面向对象编程(2) 定义类(javascript面向对象精要)

下一篇:JavaScript 构造函数 面相对象学习必备知识(javascript构造函数创建对象)

  • 实际退税额怎么算
  • 个人出售满两年和不满两年的住
  • 纳税申报表保留几年
  • 年报零申报的103怎么填
  • 通行费发票抵扣要勾选认证吗
  • 支付招标代理费需要哪些资料
  • 采购设备包含安装费用吗
  • 个人设备卖给公司
  • 经营租赁租赁费会计分录
  • 购买的职业险计入哪个科目
  • 房地产企业内部查账查什么
  • 应交税费账户进项税额为借方是什么意思?
  • 企业销售矿产是否需要缴纳资源税呢?
  • 退休人员返聘工资怎么缴税
  • 印花税是发票吗
  • 非全日制员工个税扣除标准
  • 未分配利润转入本年利润
  • 小规模纳税人含500万吗
  • 预付账款收到发票的会计分录
  • 连接另外一个设备
  • win10外接音响没反应
  • 销售人员报销差旅费怎么报税
  • 以前年度进项税额转出会计分录怎么做
  • linux环境什么意思
  • win11 恢复
  • 如何升级win10系统版本
  • 企业长期借款的利息,有可能计入的科目有( )
  • 赔偿金要交增值税吗
  • 路由器和交换机用什么线连接
  • 付款凭证怎么填写电脑
  • 存货跌价准备是什么意思
  • 工伤索赔的赔偿金额
  • 黑尾鮰鱼
  • 高德地图api是什么意思
  • Yii2 rbac权限控制操作步骤实例教程
  • vue3项目搭建
  • 税务没给核印花税,企业用交吗
  • 正则表达式在线生成器
  • vue实现路由跳转传参
  • github ci/cd
  • python的series
  • opencv+python
  • 小规模纳税人定义标准
  • 企业所得税太高怎么合理规避
  • 印花税的申报表怎么打印
  • 房地产业具体怎么做
  • 无形资产开发阶段的支出应当全部资本化
  • sql server 2008使用
  • 加计扣除减免政策
  • 基本户收到款不入账
  • 个人与公司交易需要纳税吗
  • 土地承包经营合同生效条件
  • 有净残值的固定资产怎么计提折旧
  • 企业取得生产或制造某项财产物资时
  • 报销的发票抬头怎么填
  • 契税为什么计入成本费用
  • os x10.11el capitan公测版beta5更新了什么?os x10.11el capitan公测版beta5发布下载
  • ubuntu dde
  • win10网络身份验证失败
  • mac怎么访问windows
  • window怎么样
  • linux如何操作数据库
  • rasman.exe - rasman是什么进程 有什么作用
  • 批处理在windows中的典型应用
  • shell printf 变量
  • perl怎么把字符串变为数字
  • unity3d官方案例
  • 使用jquery操作dom
  • node.js教学
  • unity加密代码
  • 亲测源码论坛
  • 财税专家刘杨简历图片介绍
  • 免征的增值税税额应计入营业外收入嘛
  • 消费税申报流程图
  • 上海税务门户网站
  • 支部组织生活会流程
  • 马达加斯加秒懂百科
  • 自然人电子税务局
  • 征地税税率是多少
  • 云南2021高考改革
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设