ES6學習筆記（一）：輕鬆搞懂面向對象編程、類和對象

目錄

• 面向過程編程P OP(Process oriented programming)
• 面向對象編程OOP(Object Oriented Programming)
• 總結

@

面向過程編程P OP(Process oriented programming)

面向過程就是分析出解決問題的步驟，然後用函數把這些步驟一步一步實現，使用的時候再一個一個的依次調用就可以了。

• 優點：性能比面向對象高，適合跟硬體聯繫很緊密的東西，例如單片機就採用的面向過程編程
• 缺點：沒有面向對象易維護、易復用、易擴展。

面向對象編程OOP(Object Oriented Programming)

面向對象是把事務分解成為一個個對象，然後由對象之間分工與合作。
面向對象編程具有靈活性、代碼可復用、容易維護和開發的優點，更適合多人合作的大型軟體項目

• 優點：易維護、易復用、易擴展，由於面向對象有封裝、繼承、多態性的特性，可以設計出低耦合的系統，使系統更加靈活、更加易於維護
• 缺點： 性能比面向過程低

### ES6中的類和對象
#### 面向對象

面向對象的思維特點：

• 抽取（對象）對象共用的屬性和行為組織（封裝）成一個類（模板）
• 對類進行實例化，獲取類的對象
  #### 1、對象
  現實生活中：萬物皆對象，對象是一個具體的事物，看得見摸得著的實物。
  在javascript中，對象是一組無序的相關屬性和方法的集合，所有的事物都是對象，例如：字元串、數組、數值、函數等。
  對象是由屬性和方法組成的：
• 屬性： 事物的特征，在對象中用屬性來表示
• 方法： 事物的行為，在對象中用方法來表示

2、類class

在ES6中新增加了類的概念，可以使用class關鍵字聲明一個類，之後以這個類來實例化對象。
類抽象了對象的公共部分，它泛指某一大類（class）
對象特指某一個，通過類實例化一個具體的對象。

3、創建類

語法：

class name {
    //class body
}

創建實例：

 var xx = new name() //類必須使用new實例化對象

#### 4、 創建對象
constructor()的方法是類的構造函數（預設方法），用於傳遞參數，返回實例對象，通過new命令生成對象實例時，自動調用該方法，如果沒有顯示定義，類內部會自動給我們創建一個constructor()

//創建類class
class Star {
    constructor(uname) {
        this.uname = uname
    }
}

// 利用類創建對象 new
let b = new Star('藍風')
console.log(b) //藍風

創建類和對象的幾點註意事項：

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

5、類添加方法

class Person {
    constructor(name, age) {
    this.name = name
    this.age = age
    }
    say () {
        console.log(this.name + '你好')
    }
}
let person1 = new Person('藍風', 28)
person1.say() // 藍風你好

添加類方法註意事項：

1. 我們類裡面的所有函數不需要寫function
2. 多個函數方法之間不需要添加逗號分隔

總結

這篇文章主要介紹了面向過程編程和麵向對象編程各自的優缺點，ES6類和對象，創建類和對象等，這是自己的學習筆記，僅代表自己的觀點，還請各位指教。如果想瞭解更多，請掃描下麵二維碼：