JavaScript | 类表达

在JavaScript中，可以使用类表达式来创建对象。类表达式是一种将类作为值（类似函数表达式中的函数）的方式。

基本形式

类表达式的基本形式如下：

const MyClass = class {

};

上面的代码中，MyClass是类的名称，可以根据需要进行更改。

类表达式的主体部分与类声明的主体部分类似，包含了类的属性和方法。例如，可以定义类的构造函数和实例方法如下：

const MyClass = class {
  constructor(prop) {
    this.prop = prop;
  }

  method() {
    console.log(this.prop);
  }
};

继承

类表达式也支持继承。可以使用extends关键字来继承父类。例如，可以定义一个继承自MyClass的子类如下：

const MySubClass = class extends MyClass {
  constructor(prop, subprop) {
    super(prop);
    this.subprop = subprop;
  }

  submethod() {
    console.log(this.subprop);
  }
};

在上述代码中，MySubClass类继承自MyClass类，子类的构造函数中调用了父类的构造函数，并添加了一个新的属性subprop和一个新的方法submethod。

实例化

通过类表达式创建的类，可以使用new关键字来实例化。例如：

const instance = new MyClass('foo');
instance.method(); // 输出：'foo'

可以看到，通过new关键字创建的实例，可以访问类中定义的方法和属性。

总结

通过类表达式，可以创建具有属性和方法的类，并实现类的继承。使用类表达式可以使代码更加的简洁，同时也可以使代码更加具有可读性。

参考链接

• MDN Web Docs - Classes