对比es6class类和构造函数

• 构造函数

• 在原来class 类这个语法糖没有出来之前 我们一般会把方法挂在prototype 上 为了防止过多的开辟内存

•  1  // 构造函数--------------------------------------------------------
   2       function Round(radius) {
   3         this.radius = radius;
   4         this.PI = Math.PI;
   5         this.arr = [this.area().toFixed(2), this.perimeter().toFixed(2)];
   6       }
   7       Round.prototype.area = function () {
   8         return this.PI * Math.pow(this.radius, 2);
   9       };
  10       Round.prototype.perimeter = function () {
  11         return 2 * this.PI * this.radius;
  12       };

      console.log(new Round(4).arr);// 打印 ['50.27', '25.13']

• es6 class 写法

• class 是个语法糖是把上面的方法重新封装把方法直接写在class这个大类里就等于挂在prototype 上

•  1       //   es6 新写法---------------------------------------------------
   2       class MyRound {
   3         constructor(radius) {//固定的
   4           this.radius = radius;
   5           this.PI = Math.PI;// 调用Math对象的PI
   6           this.arr = [this.area().toFixed(2), this.perimeter().toFixed(2)];//toFixed 保留两位小数
   7         }
   8         area() {//自己定义的
   9           return this.PI * Math.pow(this.radius, 2);//Math.pow()平方
  10         }
  11         perimeter() {//自己定义的
  12           return 2 * this.PI * this.radius;
  13         }
  14       }
  15       console.log(new myRound(4).arr);// 打印 ['50.27', '25.13']