完整的 JavaScript 使用 Class 的範例

前言

  在之前的 Javascript 開始在 Class 裡支援 private method 講述了 private method 的使用，但由於我個人不常用 class 語法，所以就想要留一個範例寫法，在此做個紀錄。

內容

  直接看範例

class MyClass{
  static #staticVariable = 'I am static variable.';
  constructor(){
      this._name = 'I am MyClass';
  }
  //property
  get name(){
    return this._name;
  }
  set name(name){
    this._name = name;
  }
  //public method
  publicMethod(){
    console.log('I am public method.');
  }
  //private method
  #privateMethod(){
    console.log('I am private method.');
  }
  //static method
  static staticMethod(){
    console.log('I am static method.');
  }
}

先看到 static variable 的寫法，這裡有用到 private 的語法，意外的遽然可以用，在 class 裡可以給預設值，再透過 static method 來提取或操作，這是常見的用法，如果不需要唯讀屬性的話可以移除"#"。 getter 與 setter 的語法相當簡單好懂，但不知為什麼並不能搭配 static 來使用，所以static variable 還是要透過 static method 來提取。public method 與 private method 在 Javascript 開始在 Class 裡支援 private method 已經提過了就不再講述。static method 語法簡單，只需加"static "即可。

參考資料

[ developer.mozilla.org ] getter

[ developer.mozilla.org ] setter

相關文章與資料

Javascript 開始在 Class 裡支援 private method