史上最为详细的javascript继承(推荐)-创新互联
前言
成都创新互联公司成立与2013年,先为余姚等服务建站,余姚等地企业,进行企业商务咨询服务。为余姚企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。为大家分享js中最常见最详细的继承方式,接下来将一下面的几个维度进行展示说明
文章有点长,请耐心阅读😁,有什么错误理解的地方希望留言指出来
- 产生原因
- 代码实现
- 基本原理
- 语言实现
- 场景优点
- 缺点
继承方式
- 原型链继承
- 借用构造函数模式继承
- 组合继承
- 原型式继承
- 寄生式继承
- 寄生组合
原型链继承
相信小伙伴们都知道到原型链继承(ECMAScript 中描述了原型链的概念,并将原型链作为实现继承的主要方法),因为原型链继承非常的强大,但是也有它的缺点,接下来咱们就按照上面的维度看看原型链继承到底是什么鬼
代码实现:(需要两个构造函数来完成一个原型链继承)
// SuperType 构造函数称为超类 function SuperType (){ this.name='super'; this.friend=[]; this.property = true; } SuperType.prototype.getName=function(){ return this.name; } SuperType.prototype.getSuperValue = function(){ return this.property; }; // SubType 构造函数称为子类 function SubType(name,age){ this.name=name; this.age=age; this.subproperty = false; } SubType.prototype=new SuperType(); SubType.prototype.constrcutor=SubType; SubType.prototype.getAge=function(){ return this.age; } SubType.prototype.getSubValue = function (){ return this.subproperty; }; var child = new SubType('shiny',12); console.log(child.getName)//shiny console.log(child.getAge())//12
本文标题:史上最为详细的javascript继承(推荐)-创新互联
网站地址:http://myzitong.com/article/cdgeio.html