類和物件
物件：萬物皆物件，物件是一個具體的事物，看得見摸得著的實物
物件是由屬性和方法組成的：
- 屬性：事物的特徵，再物件中用屬性來表示（常用名詞）
- 方法：事物的行為，再物件中用方法來表示（常用動詞）
類：抽象了物件的公共部分，它泛指某一大類（class）
物件特指某一個，通過類例項化一個具體的物件
建立類：
語法：
class name{
//class body
}
建立例項：
var xx=new name();
注意：類必須使用new例項化物件
類constructor建構函式
constructor() 方法是類的建構函式（預設方法），用於傳遞引數，返回例項物件，通過new命令生成物件例項時，自動呼叫該方法。如果沒有顯示定義，類內部會自動給我們建立一個constructor()
注意：
- 通過class關鍵字建立類，類名我們還是習慣性定義首字母大寫
- 類裡面有個constructor函式，可以接受傳遞過來的引數，同時返回例項物件
- constructor函式，只要new生成例項時，就會自動呼叫這個函式，如果我們不寫這個函式，類也會自動生成這個函式
- 生成例項new不能省略
- 最後注意語法規範，建立類 類名後面不要加小括號，生成例項 類名後面加小括號，建構函式不需要加function
類新增方法
語法：
class Person{
constructor(name,age){//constructor構造器或者建構函式
this.name=name;
this.age=age;
}
say(){
console.log(this.name+"你好");
}
}
<script>
//建立類
class Star {
constructor(name, age) {
this.name = name;
this.age = age;
}
sing(song) {
console.log(this.name + song );
}
}
//利用類建立物件 new
var ldh = new Star('劉德華', 18);
var zxy = new Star('張學友', 20);
console.log(ldh);
console.log(zxy);
//我們類裡面所有的函式不需要寫function
// 多個函式方法之間不需要新增逗號分隔
ldh.sing('冰雨');
</script>
繼承
程式中的繼承：子類可以繼承父類的一些屬性和方法
語法：
class Father{
//父類
}
class Son extends Father{
//子類繼承父類
}
<script>
// 類的繼承
class Father {
constructor() {
}
money() {
console.log(100);
}
}
class Son extends Father {
}
var son = new Son();
son.money();
</script>
super關鍵字
super關鍵字用於訪問和呼叫物件父類上的函式。可以呼叫父類的建構函式，也可以呼叫父類的普通函式
// 呼叫父類的建構函式
class Father {
constructor(x, y) {
this.x = x;
this.y = y;
}
sum() {
console.log(this.x + this.y);
}
}
class Son extends Father {
constructor(x, y) {
super(x, y);//呼叫了父類中的建構函式
}
}
var son = new Son(1, 2);
son.sum();
//呼叫父類的普通函式
class Father { say() {
return '我是爸爸';
}
}
class Son extends Father { say() {
// console.log('我是兒子');
console.log(super.say() + '的兒子');
// super.say() 就是呼叫父類中的普通函式
}
}
var son = new Son();
son.say(); // 繼承中的屬性或者方法查詢原則：就近原則
// 繼承中，如果例項化子類輸出一個方法，先看子類有沒有這個方法，如果有就先執行子類的
// 繼承中，如果子類裡面沒有，就去查詢父類有沒有這個方法，如果有，就執行父類這個方法（就近原則）
//子類繼承父類方法同時擴充套件自己方法
class Father {
constructor(x, y) {
this.x = x;
this.y = y;
}
sum() {
console.log(this.x + this.y);
}
}
// 子類繼承父類方法，同時擴充套件減法方法
class Son extends Father {
constructor(x, y) {
//利用super呼叫父類中的建構函式
// super必須在子類this之前呼叫
super(x, y);
this.x = x;
this.y = y; }
subtract() {
console.log(this.x - this.y);
}
}
var son = new Son(5, 3);
son.subtract();
son.sum();
注意：子類建構函式中使用super，必須放到this前面（必須先呼叫構造方法，再使用子類構造方法）
三個注意點
- 在ES６中，類沒有變數提升，所以必須先定義類，才能通過類例項化物件
- 類裡面的共有屬性和方法一定要加this使用
- 類裡面的this指向問題
- constructor裡面的this指向例項物件，方法裡面的this指向這個方法的呼叫者