ES6 class转function

class 与 构造函数的区别

1. calss只能使用new调用，不能普通调用（cannot be invoked without ‘new’）；
   构造函数有两种来调用方法，普通调用和new调用
2. class中的原型方法是不可枚举的，构造函数的原型方法可枚举
3. class中的所有代码在严格模式下，构造函数中的代码在普通模式下
4. class中的原型方法不能通过new调用，构造函数中原型方法可以用new调用

//class寫法
class Computer1 {
  constructor(name, price) {
    this.name = name;
    this.price = price;
  }
  //原型方法，通過實例調用
  showPrice() {
    console.log(`這台${this.name}電腦的價格是${this.price}`);
  }
  //類的靜態方法，通過類調用
  static staticFun() {
    console.log("這是class的靜態方法");
  }
}


("use strict");
function Computer(name, age) {
  if (!new.target) {
    throw new Error("Computer cannot be invoked without new");
  }
  this.name = name;
  this.age = age;
}
Object.defineProperty(Computer.prototype, "showPrice", {
  value: function () {
    if (new.target) {
      throw new Error("showPrice is not a constructor");
    }
  },
  enumerable: false,
});