JavaScript中继承的用法-创新互联

这篇文章主要讲解了JavaScript中继承的用法,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。

创新互联主要从事成都网站建设、网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务嘉荫,十余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220

正统的面相对象的语言都会提供extend之类的方法用于出来类的继承,但Javascript并不提供extend方法,在Javascript中使用继承需要用点技巧。

Javascript中的实例的属性和行为是由构造函数和原型两部分组成的,我们定义两个类:Person和zhangsan,它们在内存中的表现如下图1:
JavaScript中继承的用法
如果想让Zhangsan继承Person,那么我们需要把Person构造函数和原型中的属性和行为全部传给Zhangsan的构造函数和原型,如下图2所示:
JavaScript中继承的用法

Are you Ok?了解了继承的思路后,那么我们一步步完成Person和Zhangsan的继承功能。首先,我们需要定义Person类,如下代码:
[代码1]

// 定义Person类
function Person (name){
  this.name = name;
  this.type = "人";
}
Person.prototype={
  say : function(){
    console.info("我是一个"+ this.type +",我的名字叫" + this.name);
  }
}  
//定义Zhangsan类
function Zhangsan (name){
}
Zhangsan.prototype={
  
}

本文题目:JavaScript中继承的用法-创新互联
本文路径:http://bzwzjz.com/article/pdcoo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 手机网站建设套餐 响应式网站建设 网站建设公司 网站制作 重庆企业网站建设 网站设计 教育网站设计方案 成都网站制作 移动网站建设 温江网站设计 营销网站建设 重庆网站制作 成都企业网站设计 营销型网站建设 成都企业网站建设公司 成都网站设计 成都网站制作 成都网站设计 成都网站建设 成都定制网站建设 重庆企业网站建设 成都网站制作公司