对比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']