鄭鈞文_HW4

[wdOq]

1.表單已填寫 2.Question:請問class與function有甚麼差異?感覺function也能取代class的功能。

[dpes8693]

1.表單已填寫 2.Question:請問class與function有甚麼差異?感覺function也能取代class的功能。

js 的 class 有更好的可讀性，透過 {} 可以明確知道範圍

// 使用 class
class Person {
  constructor(name) {
    this.name = name;
  }

  greet() {
    console.log(`Hello, my name is ${this.name}`);
  }
}

// 使用函數和原型
function Person(name) {
  this.name = name;
}

/**
如果這邊有其他不相關的程式碼會不好閱讀
**/

Person.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name}`);
};

• js 的 class 底層也是用 function 實作出來的
  • [[教學] JavaScript ES6 Class：深入淺出類別概念與應用 - Shubo 的程式開發筆記](https://www.shubo.io/javascript-class/)
• 在撰寫網頁前期可以只用 function 和 Object 即可達成所有功能
• 開發遊戲才比較會用到物件導向的寫法(class)