js继承

作者: 赵xiao赛 | 来源:发表于2017-09-20 15:01 被阅读98次

js继承
js 继承-简书

原型链实现集继承

function father(){
this.val=1;
this.arr=[1]
}
function son(){}
son.prototype=new father
var son1=new son()
var son2=new son()
son1.val=2
son2.varl    //1
son1.arr.push(2)
son2.arr      //[1,2]

上面的代码实现原型链继承最重要的son.prototype=new father
原型链继承的优点和缺点:
优点:实现容易,操作简单
缺点:来自原型对象的引用属性是所有实例都共享的,
另一个缺点就是 无法通过子类构造器向父类传参

构造器函数实现继承

function father(val){
this.val=val
this.arr=arr;
this.fun=function(){}
}
function son (val){
father.call(this,val)
}
var son1=new son(1)
var son2=new son(2)

核心:借用父类的构造器来增强子类的实例,相当于把父类的实例属性复制一给子类装上(完全没有用到原型)
优点:解决了子类共享父类引用书属性的问题
子类构造器能够向父类构造器传参
缺点:无法实现函数的复用,每个子类实例都有一个自己的方法,太多了影响性能

组合发方式实现继承

function super(){
this.val=2
this.arr=[2]
}
super.prototype.fun=function(){}
function sub(){
father.call(this)
}
sub.prototype=new super
var sub1=new sub()
var sub2=new sub()

核心:把实例函数都放在原型对象上,以实现函数复用。同时还要保留借用构造函数方式的优点,通过Super.call(this);继承父类的基本属性和引用属性并保留能传参的优点;通过Sub.prototype = new Super();继承父类函数,实现函数复用

优点:不存在子类实例共享父类引用属性的问题
可传参
函数可复用
缺点: 父类构造器被实例化两次,浪费内存

相关文章

  • Js的继承

    js的继承 @(js)[继承, js, 前端] 组合继承是原性链继承和构造函数继承的合体,它汲取了二者各自的有点,...

  • JS继承

    JS中的继承 许多OO语言都支持两种继承方式:接口继承和实现继承; 因为JS中没有类和接口的概念 , 所以JS不支...

  • #js继承

    js继承的概念 js里常用的如下两种继承方式: 原型链继承(对象间的继承)类式继承(构造函数间的继承) 类式继承是...

  • js继承遇到的小问题

    这两天在看js继承方面,它不像OC那种传统的类继承。js继承方式还是挺多的。比如:原型继承、原型冒充、复制继承 原...

  • JS中继承的实现

    JS中继承的实现 #prototype (js原型(prototype)实现继承) 全局的Function对象没有...

  • js继承

    js继承js 继承-简书 原型链实现集继承 上面的代码实现原型链继承最重要的son.prototype=new f...

  • JavaScript 10

    js继承的概念 1.通过原型链方式实现继承(对象间的继承) 2.类式继承(构造函数间的继承) 由于js不像Java...

  • JS继承的实现的几种方式

    前言 JS作为面向对象的弱类型语言,继承也是非常强大的特性之一,那么如何在JS实现继承呢? JS继承的实现方式 既...

  • 2019-03-25 继承

    js中通过原型来实现继承 组合继承:原型继承+借用构造函数继承

  • 继承方式(6种)1.7

    JS作为面向对象的弱类型语言,继承也是其非常强大的特性之一。那么如何在JS中实现继承呢?让我们拭目以待。 JS继承...

网友评论

    本文标题:js继承

    本文链接:https://www.haomeiwen.com/subject/ovrosxtx.html