如何在 ES6 中创建一个类？

编程中的类是创建对象的蓝图或模板，每个对象代表可区分的现实世界实体。在 ES6 中，可以通过编写class关键字来简单地创建类。在本文中，我们将讨论类的一般概念及其语法以及相关示例。

在 ES6 中创建类有两种方法，一种是在类定义之前写类关键字，另一种是把一个类表达式赋值给一个变量。

方法一：类声明在这个方法中，我们只是简单的编写代码，加上关键字class作为类名的前缀。

句法：

class ClassName {
    // Definition and code
}

示例：在此示例中，我们声明了一个类，在其中，有两个 getter 和 setter 方法以及一个构造函数。稍后在类声明之外，我们通过向构造函数提供半径来创建该类的对象，在下一行中，我们只是提取圆的 area 属性。

笔记： ES6有不同种类的特殊语法来创建 getter 和 setter。就像我们首先编写get或set关键字，然后是属性的名称。在 get 的情况下，我们从此方法返回的任何内容都被视为对象的该属性的值，而在 set 的情况下，我们作为参数提供的任何内容都可以设置为写入构造函数中的任何属性。下划线写在属性之前是为了避免命名冲突，否则它将一次又一次地调用相同的函数。避免在 getter 方法后面加上括号，因为它会抛出一个错误，即函数未定义，因为它被视为对象的属性。

HTML

    class Circle {
        constructor(radius) {
            this.radius = radius;
        }
      
        get radius() {
            return this._radius;
        }
          
        set radius(r) {
            this._radius = r;
        }
          
        get area() {
            return ((22/7)*this.radius*this.radius);
        }
    }
      
    let myCircle = new Circle(5);
    console.log(myCircle.area);

输出：

78.57142857142857

方法二：类表达式在该方法中，我们编写类定义并将其分配给某个变量，它可以是命名类或未命名类两种类型。

句法：

const VariableName = class ClassName {
   // Definition and code
}

const VariableName = class {
   // Definition and code
}

示例：在这个例子中，我们已经将我们的类分配给了一个变量，现在这个变量将用于访问类，这是一个未命名的类，在这里我们也可以创建一个命名的类，但没有那么大的区别。在类表达式中，我们已经声明了构造函数以及 getter 和 setter。稍后在类之外，有一个没有初始化的对象创建，之后，我们通过 setter 设置半径，在最后一行，我们通过 getter 访问 area 属性，这反过来又返回计算的面积。

HTML

    const Circle = class {
        constructor(radius){
            this.radius = radius;
        }
      
        get radius() {
            return this._radius;
        }
          
        set radius(radius) {
            this._radius = radius;
        }
          
        get area() {
            return ((22/7)*this.radius*this.radius);
        }
    }
      
    let myCircle = new Circle();
    myCircle.radius = 3;
    console.log(myCircle.area);

输出：

28.285714285714285