Class類

Class類

• 之前建立構造函數

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

• ES6 的類，徹底能夠看做構造函數的另外一種寫法

  class Point {
  // ...
  }
  
  typeof Point // "function"
  Point === Point.prototype.constructor // true

  class Point {
  constructor() {
    // ...
  }
  
  toString() {
    // ...
  }
  
  toValue() {
    // ...
  }
  }
  
  // 等同於
  
  Point.prototype = {
  constructor() {},
  toString() {},
  toValue() {},
  };

• constructor 方法

一個類必須有constructor()方法，若是沒有顯式定義，一個空的constructor()方法會被默認添加

constructor()方法默認返回實例對象（即this），徹底能夠指定返回另一個對象

class Foo {
  constructor() {
    return Object.create(null);
  }
}

new Foo() instanceof Foo
// false

• 實例方法，靜態方法 static

  class Person{ //定義一個person類型
  constructor(name){ //構造函數
    this.name = name  //當前person類型的實例對象
  }
  say(){
    console.log( `hi, my name is ${this.name}`);
  }
  static create (name){ //靜態方法內部this不會指向某個實例對象,而是當前的類型
    return new Person(name)
  }
  }
  const p = new Person("mcgee")
  p.say()
  
  const jack = Person.create("jack")
  jack.say()

• 類的繼承 extends

子類必須在constructor方法中調用super方法，不然新建實例時會報錯。這是由於子類本身的this對象，必須先經過父類的構造函數完成塑造，獲得與父類一樣的實例屬性和方法，而後再對其進行加工，加上子類本身的實例屬性和方法。若是不調用super方法，子類就得不到this對象

class Student extends Person{
  constructor(name,number)
  {
    super(name) //super對象，始終指向父類，調用它就是調用父類的構造函數
    this.number = number
  }
  hello(){
    super.say()
    console.log(`my school number is ${this.number}`);
  }
}

const ex = new Student("mcgee",123)
console.log(ex.name);
ex.hello()

• 類不存在變量提高

new Foo(); // ReferenceError
class Foo {}

• 父類靜態方法也會被子類繼承

class A {
  static hello() {
    console.log('hello world');
  }
}

class B extends A {
}

B.hello()  // hello world