js 繼承的幾種方式

2021-10-24 20:38:28 字數 793 閱讀 4912

父類:

1、原型繼承

function children()

//原型繼承

children.prototype=new parent() //將父的例項賦給子的原型

//或者 children.prototype = parent.prototype;

let f1=new children("chen")

console.log(f1)//chen

原型繼承:1. 子類繼承之後,constructor指向改變;

2.沒有辦法繼承父類本身的屬性;

3. new 父類和父類原型區別:children.prototype = parent.prototype;子類原型擴充套件父類也會進行擴充套件;children.prototype = new parent;這個是不會影響;

function children() 

var d1 = new children();

console.log(d1.name);

不足:不能繼承父類原型上的東西

3、組合繼承(物件冒充繼承 + 原型鏈繼承)

function children() ;

f.prototype = parent.prototype;

child.prototype = new f();

child.prototype.constructor = child;

js繼承幾種方式

js作為物件導向的弱型別語言,繼承也是其非常強大的特性之一。那麼如何在js中實現繼承呢?讓我們拭目以待。既然要實現繼承,那麼首先我們得有乙個父類,如下 定義乙個動物類 function animal name 原型方法 animal.prototype.eat function food 核心 將父...

幾種js的繼承方式

1 繼承第一種方式 物件冒充 function super username function sub username var supernew new super super var subnew new sub sub supernew.hello subnew.hello subnew.wo...

js的幾種繼承方式

方式一 原型鏈繼承 function parent parent.prototype.getparentname function 子類 function child 下面這步實現繼承,這步需要放在getchildname 之前,不然獲得子類方法無法使用 child.prototype new pa...