js基於原形鏈的繼承 與class 繼承

2021-09-09 08:34:55 字數 1310 閱讀 3202

// js基於原形鏈的繼承

function persion(name,age)正在行走)}}

persion.prototype.hi = function(),我今年$ 歲了)

}function student(name,age,classname)的$正在寫作業)

}// 覆蓋父類中的方法

this.hi = function(),我今年$歲了,我的班級是$)}}

// 將 student 的 prototype 屬性 設定為乙個空物件 物件的 prototype 屬性指向 persion 的 prototype 屬性

// 實現了繼承persion object.create建立乙個空物件

student.prototype = object.create(persion.prototype)

// 為了保持一致性 設定prototype 的 constructor 屬性為 student 如果不設定將指向 persion

student.prototype.constructor = student

// 新增子類 student 中 自己的 方法

student.prototype.dushu = function()的$正在用功讀書)

}// ------ 測試 -------

let per = new persion(『張三』,23)

per.walk()

per.hi()

let stu = new student(『李四』,24,『高三一班』)

}hi(),我今年,$歲了)

}walk()正在行走)

}tostring(),我今年$歲了,我的身高是$,我的體重是$)}}

// 繼承 persion

class student extends persion

// 重寫hi方法

hi()

}/// --------- 測試 ---------

let stu = new student(「maoyl」,24,188,89,『高三一班』)

JS物件繼承與原型鏈

在 class based 的物件導向的世界裡,要出現物件,必須先有類。類之間可以繼承,類再使用 new 操作建立出實體,父子物件之間的繼承體現在父類和子類上。你不能說 物件 a 繼承了物件 b,只能說 class a 繼承了 class b,然後他們各自有乙個例項a b。js中實現的是原型繼承。在...

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

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

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

先把基本 拿出來 function person name var p1 newperson 張三 很重要的幾個知識點 1.在物件中查詢乙個屬性時,會先從本身查詢,如果查詢不到會到prototype中查詢。即可以引申,所有物件中都有constructor 這個屬性是在prototype中的 2.原型...