1. 程式人生 > 其它 >Javascript面向物件介紹(高階)

Javascript面向物件介紹(高階)

技術標籤:javascript

Javascript面向物件

  • 首先介紹一下我們的兩大程式設計思想

1.面向過程(POP)

面向過程就是分析出解決問題所需要的步驟,然後用函式把這些步驟一步步實現,使用時在一個個呼叫函式就行了
在javascript中。

2.面向物件(OPP)

面向物件就是把事務分解成一個個物件,然後由物件之間分工合作完成。面向物件是以物件功能來劃分問題的,而不是步驟!

面向物件的優點:靈活、容易維護、更適合多人合作的大專案。

面向物件的特性

1. 封裝性:把重複複用的程式碼塊分裝起來。
2. 繼承性:例如有物件father和物件son,物件son就是可以繼承物件father的屬性和方法。

3. 多型性:同一個物件在不同是時刻體現出不同的狀態:例如一個拖把,除了可以拖地之外,拖把棍可以打不聽話的小孩子呀

我們來對比一下面向過程和麵向物件

面向過程優點:效能比面向物件高,比較適合和硬體聯絡緊密的東西
缺點:沒有面向物件那麼容易維護、易複用、易擴充套件

面向物件優點:易維護、易複用、易擴充套件
缺點:效能比面向過程低

面向過程和麵向物件程式碼演示!

面向過程

    var student1 = {
      name: "劉星",
      score: 50,
    }

    var student2 = {
      name: "夏雪"
, score: 20 } function printScore(student) { console.log("姓名:" + student.name + "\n成績:" + student.score); } printScore(student1) printScore(student2)

在這裡插入圖片描述
面向物件

    function Student(name, score) {
      this.name = name;
      this.score = score;
      this.printScore = function ()
{ console.log("姓名:" + this.name + "\n成績" + this.score); } } var student1 = new Student("劉星", 50) student1.printScore() var student2 = new Student("夏雪", 20) student2.printScore()

在這裡插入圖片描述