es6的class 的出現 基本上可以替代了es5的建構式和原型,使之代碼結構上更加簡潔，
關鍵字
-
class
-
屬性
-
方法
-
繼承 extends
-
建構式 constructor
-
方法重寫 override：子類方法覆寫父類，super.父類方法()
-
父類的建構式 super ：子類有構造方法且使用this前，必須使用super()
代碼展示
class Person {
// 構造方法
constructor(name) {
// 屬性
this.name = name;
}
// 方法
say() {
console.log(this.name);
}
}
// 繼承
class Student extends Person{
constructor(name,height){
// console.log(this); // 語法錯誤：必須先呼叫super()才能使用this
super(name);
this.height=height;
}
}
const s1=new Student("海海",18);
s1.say(); // 海海
class Saler extends Person{
constructor(name,age){
super(name);
this.age = age;
}
// 覆寫（重寫）
say(){
// 訪問父類方法
super.say(); // 小陳
console.log(this.age);
}
}
const s2 = new Saler('小陳',19);
s2.say(); // 19上一章：JavaScript 進階第六章（this與函式的呼叫模式 ）
下一章：JavaScript 進階第八章（閉包）
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/296618.html
標籤：其他
上一篇：企業級前端開發自測標準