繼承第二節 原型繼承和Es6繼承

2022-07-25 18:24:13 字數 1138 閱讀 5985

原型繼承主要是繼承*父類原型上的*屬性或者方法。

1.建立乙個空的建構函式

2.把空建構函式的原型等於父類的原型

3.把子類的原型等於空建構函式的例項物件

這樣就達到了繼承屬性的目的(主要注意:手動修正constructor指向)

function

person(name,age)

person.prototype.say = function

() person.prototype.runing = function

()

function

coder(name,age,job)

function xhh(){};

xhh.prototype = person.prototype;

coder.prototype=new xhh;

coder.prototype.constructor = coder;//手動改變this的指向

let c = new coder('a',26,'超級碼農');

console.log(c);//此時c繼承了person的方法

es6繼承

class 類

es6給我們提供了class的語法糖,可以通過class來建立類

具體語法

class 類名

方法名()

此處是不加,號的

方法名()

定義方法:

(1)動態方法:(例項使用的方法)

這樣的寫法就等同於把方法掛在類的原型上了

方法名()

(2)靜態方法:(類使用的方法)

static 方法名()

例如:

class person 

say()

}/*宣告子類 extends 父類名 就繼承父類了

*/class coder extends person

codeing()

say()

}let c = new coder('前端','a',20);

let p = new person('小明',30);

console.log(c);

繼承及ES6繼承

物件導向的三大特點 多型 繼承 封裝 繼承 乙個型別的物件能夠訪問另外乙個型別的屬性和方法 函式 類與類之間的關係 類就是眾多例項共有的屬性和方法的乙個抽象 原型物件中的this指向例項 function person var person newperson person只是乙個例項 consol...

繼承 ES6的繼承語法

什麼是繼承?繼承是發生在父子級關係中的現象 繼承 是 建構函式 的高階應用 就是兩個互為父子級關係的建構函式的應用 子級建構函式,繼承的是父級建構函式的屬性和方法 常見的繼承操作,分為 es5 的繼承語法 和 es6 的繼承語法 實際專案中一般不會直接使用繼承語法,一般都是通過框架來完成繼承,不用專...

es5繼承與es6繼承

es5中的繼承方式 1.原型鏈繼承 缺點 1.建立例項時無法像父類建構函式傳遞引數 2.因為指定了原型,所以不能實現多繼承 3.父類建構函式上的屬性被所有子類共用,給原型上的屬性賦值會改變其他子類的屬性值 es5 const parent function name,age parent.proto...