JavaScript面向對象，
註意啦在這其實面向對象是一種編程的方式，它的思想是通用的，因此 我強烈的建議你去查看我在python，面向對象編程中做的筆記。

面向對象與面向過程

這裡還是相對比較容易理解的，這是兩種截然不同的編程方式。

對象還有類

對象

對象有屬性還有行為，

• 屬性是對象的特性，名詞
• 方法是對象的行為，動詞
  什麼是對象的實例化？事實上對象來源於類，你把類變成一個真正意義上的存在的可以使用的對象的時候 就叫對象實例化，對象實例化是一個過程 ，實例對象指的是你實例化出來的對象

//以下代碼是對對象的複習
//字面量創建對象
var ldh = {
    name: '劉德華',
    age: 18
}
console.log(ldh);

//構造函數創建對象,
  function Star(name, age) {
    this.name = name;
    this.age = age;
 }
var ldh = new Star('劉德華', 18)//實例化對象
console.log(ldh);	

類

基礎的語法

有關於類的概念其實是在es6中提出的，我們可以通過class關鍵字來聲明一個類，然後使用new關鍵之，實例化一個對象出來

1. 語法:

//步驟1 使用class關鍵字
class name {
  // class body
}     
//步驟2使用定義的類創建實例  註意new關鍵字
var xx = new name();     

2. 示例

 // 1. 創建類 class  創建一個 明星類
 class Star {
   // 類的共有屬性放到 constructor 裡面，這是一個構造函數你也可以稱它是構造器 ，作用就是用於傳遞參數，返回實例對象，類似於python中的__init__函數
   constructor(name, age) {
   this.name = name;
   this.age = age;
   }
 }
   // 2. 利用類創建對象 new
   var ldh = new Star('劉德華', 18);
   console.log(ldh);

給類添加屬性還有方法

實際上這些代碼是非常容易理解的

 // 1. 創建類 class  創建一個類
class Star {
    // 類的共有屬性放到 constructor 裡面 constructor是 構造器或者構造函數
    constructor(uname, age) {
      this.uname = uname;
      this.age = age;
    }//------------------------------------------->註意,方法與方法之間不需要添加逗號 加上也沒什麼關係，建議不加，以區分是類還是對象
    sing(song) {
      console.log(this.uname + '唱' + song);
    }
}
// 2. 利用類創建對象 new
var ldh = new Star('張學友', 18);
console.log(ldh);
ldh.sing('吻別'); 

• 你需要註意的地方：

1. 通過class 關鍵字創建類, 類名我們還是習慣性定義首字母大寫
2. 類裡面有個constructor 構造函數,可以接受傳遞過來的參數,同時返回的是實例對象
3. constructor 函數 只要 new 生成實例時,就會自動調用這個函數, 如果我們不寫這個函數,類也會自動生成這個函數
4. 多個函數方法之間不需要添加逗號分隔
5. 生成實例 new 不能省略
6. 語法規範, 創建類 類名後面不要加小括弧,生成實例 類名後面加小括弧, 構造函數不需要加function

面向對象的三大特性：封裝，繼承，多態

1. 封裝
   實際上這個是最容易理解的，就是把一個類的事物的公用的特點，功能封裝起來。抽象出來組合成一個類

// 父類
class Father{   
} 

// 子類繼承父類
class  Son  extends Father {  
}       

2. 繼承
   所謂的繼承也很容易理解，繼承就是把父類的一些東西繼承到，現有的“我”這個對象的類中，從而讓我不必要在重覆定義一些父類中已經存在的屬性或者方法

請你思考如下問題

• 我們繼承過來的屬性和方法如何表示？如何使用
• 我們是否可以修改繼承出來的方法或者屬性？

  //定義了父類
  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); //使用super調用了父類中的構造函數
      	}
      }
      var son = new Son(1, 2);
      son.sum(); //結果為3

      // 父類有加法方法
      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之前調用,放到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(); //2
     son.sum();//8

註意：

• 時刻註意this的指向問題,類裡面的共有的屬性和方法一定要加this使用.
• constructor中的this指向的是new出來的實例對象
• 自定義的方法,一般也指向的new出來的實例對象
• 綁定事件之後this指向的就是觸發事件的事件源
• 在 ES6 中類沒有變數提升，所以必須先定義類，才能通過類實例化對象

使用我們的super關鍵字訪問我們的父類裡面的方法

• 註意，繼承是向上查找的

• 繼承中,如果實例化子類輸出一個方法,先看子類有沒有這個方法,如果有就先執行子類的

• 繼承中,如果子類裡面沒有,就去查找父類有沒有這個方法,如果有,就執行父類的這個方法(就近原則)

• 如果子類想要繼承父類的方法,同時在自己內部擴展自己的方法,利用super 調用父類的構造函數,super 必須在子類this之前調用

3.多態