ES6學習筆記(一):輕鬆搞懂面向對象編程、類和對象

面向過程編程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類和對象,創建類和對象等,這是自己的學習筆記,僅代表自己的觀點,還請各位指教。如果想了解更多,請掃描下面二維碼:
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章