ES6中定義類和對象的方法示例

// 類的基本定義和生成實例
class Parent{ //定義一個類
 constructor(name='xiaxaioxian'){
 this.name= name;
 }
}
// 生成一個實例
let g_parent = new Parent();
console.log(g_parent); //{name: "xiaxaioxian"}
let v_parent = new Parent('v') // 'v'就是構造函數name屬性 , 覆蓋構造函數的name屬性值
console.log(v_parent); // {name: "v"}

// 繼承
class Parent{ //定義一個類
 constructor(name='xiaxaioxian'){
 this.name= name;
 }
}
class Child extends Parent{
}
console.log('繼承',new Child()) // 繼承 {name: "xiaxaioxian"}

// 繼承傳遞參數
class Parent{ //定義一個類
 constructor(name='xiaxaioxian'){
 this.name= name;
 }
}
class Child extends Parent{
 constructor(name = 'child'){ // 子類重寫name屬性值
 super(name); // 子類向父類修改 super一定放第一行
 this.type= 'preson';
 }
}
console.log('繼承',new Child('hello')) // 帶參數覆蓋默認值 繼承{name: "hello", type: "preson"}

class Parent{ //定義一個類
 constructor(name='xiaxaioxian'){
 this.name= name
 }
 get longName(){ // 屬性
 return 'mk' + this.name
 }
 set longName(value){
 this.name = value
 }
}
let v = new Parent();
console.log('getter',v.longName) // getter mkxiaxaioxian
v.longName = 'hello';
console.log('setter',v.longName) // setter mkhello

class Parent{ //定義一個類
 constructor(name='xiaxaioxian'){
 this.name= name
 }
 static tell(){ // 靜態方法:通過類去調用，而不是實例
 console.log('tell')
 }
}
Parent.tell(); // tell

// 靜態屬性
class Parent{ //定義一個類
 constructor(name='xiaxaioxian'){
 this.name= name
 }
 static tell(){ // 靜態方法:通過類去調用，而不是實例
 console.log('tell') // tell
 }
}
Parent.type = 'test'; // 定義靜態屬性
console.log('靜態屬性',Parent.type) // 靜態屬性 test
let v_parent = new Parent();
console.log(v_parent); // {name: "xiaxaioxian"} 沒有tell方法和type屬性