ES6 Class深入解析：开启面向对象编程新纪元

2023-03-26 23:39:32

什么是ES6 Class？

在JavaScript中，类（Class）是对象的一个抽象概念，用于定义一组具有相同属性和方法的对象模型。随着ES6的推出，JavaScript开发者拥有了更加简洁明了的方式去创建和管理这些类。

相比旧有的原型继承模式，ES6中的class语法让面向对象编程变得直观易懂。通过使用class关键字，可以轻松实现封装、继承和多态性等核心OOP概念。

如何定义一个Class？

在ES6中，定义一个类非常简单：

class Animal {
  constructor(name, type) {
    this.name = name;
    this.type = type;
  }

  makeSound() {
    console.log('The animal makes a sound.');
  }
}

这里创建了一个Animal类。构造函数（constructor）用于初始化对象，而makeSound()是一个普通的方法。

封装：保护数据

封装是指将对象的数据和行为绑定在一起，并隐藏对象的内部实现细节，对外只暴露必要的接口。在JavaScript中可以通过属性修饰符来加强这种隐藏性：

class Animal {
  #name;
  
  constructor(name, type) {
    this.#name = name;
    this.type = type;
  }

  get name() {
    return this.#name;
  }
}

const animal = new Animal('Lion', 'Carnivore');
console.log(animal.name); // 输出: Lion

这里，#name是一个私有属性，通过getter方法暴露给外部使用。

继承：构建类的层次结构

继承是面向对象编程的重要概念之一。它允许开发者创建一个新的子类来扩展现有类的功能。

class Dog extends Animal {
  constructor(name, type) {
    super(name, type);
  }

  makeSound() {
    console.log('Woof woof!');
  }
}

const dog = new Dog('Rex', 'Mammal');
dog.makeSound(); // 输出: Woof woof!

Dog类继承自Animal，并重写了makeSound()方法来实现特定的行为。

多态性：统一接口下的多样性

多态性允许同名的方法在不同的对象中有不同的行为。结合继承和方法重写，可以轻易达到这一效果：

class Cat extends Animal {
  constructor(name, type) {
    super(name, type);
  }

  makeSound() {
    console.log('Meow meow!');
  }
}

const cat = new Cat('Whiskers', 'Mammal');
cat.makeSound(); // 输出: Meow meow!