原型與繼承

2021-09-19 14:12:06 字數 1022 閱讀 1119

建構函式繼承:

構造原函式物件

function perset(name,age)

}

在student中呼叫perset,並把perset中的this指向自己

function student(name,age,id)

}

原型繼承:

function stu()

stu.prototype.name="lili";

stu.prototype.age=18;

stu.prototype.say=function()

function student()

student.prototype=object.create(stu.prototype);

建立乙個新物件賦值給student的原型,保護源原型的結構

var s=new student();

s.say();

使用object.create創造乙個函式物件,並把stu的原型賦值給該函式,然後再把該函式物件賦值給student的原型,此時呼叫s.say,s的_proto_指向了student,在student中不能找到say方法,就找到student的原型,student的原型指向新建立的物件,把stu的原型賦值給該物件,就在該物件中找到了say方法,從而保護了源原型的結構

組合繼承:

function stu(name,age)

stu.prototype.say=function()

function student(name,age,id)

student.prototype=object.create(stu.prototype);

var s=new student("lili",18,"1234565");

s.say();

建立乙個函式物件,並宣告該函式物件stu的原型say方法,構造乙個子函式物件,繼承了stu中的屬性,再把student的原型指向stu的原型,就實現了組合繼承。

原型 原型鏈與繼承

面試中經常考到物件導向的一些知識,在這記錄一下,如有不對歡迎指正,願在前端的道路上共勉!一 原型 1.什麼是原型 簡單說就像css的class一樣,是公用的,給dom元素加個class名就可以公用樣式,那麼原型就相當於css裡面的class,都可以用。在建構函式建立出來的時候,系統會預設的幫建構函式...

原型鏈與繼承

一 原型鏈 基本思想 讓乙個引用型別繼承另乙個引用型別的屬性和方法。建構函式 原型 例項的關係 每個建構函式都有乙個原型物件,原型物件都包含乙個指向建構函式的指標,而例項都包含乙個指向原型物件內部的指標。原型鏈繼承例項 function supertype this.property true su...

JS原型繼承與原型鏈(二)

建構函式的繼承 function animal function cat name,color 一 建構函式繫結 function cat name,color var cat1 new cat 大毛 黃色 alert cat1.species 動物 二 prototype模式 第二種方法更常見,使...