面向对象设计的利刃：探索 ES6 类的魅力

2023-09-28 09:00:38

站在面向对象设计的十字路口，ES6应运而生，赋予JavaScript语言更加强健而富有表现力的特性，其中，类无疑是最耀眼的明星。

用ES6类的力量重构JavaScript对象

// ES6类语法
class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  greet() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

//创建Person类的实例
const person1 = new Person('John', 25);
const person2 = new Person('Mary', 30);

// 调用greet()方法
person1.greet(); // 输出："Hello, my name is John and I am 25 years old."
person2.greet(); // 输出："Hello, my name is Mary and I am 30 years old."

在以上代码中，我们定义了一个Person类，并为其指定了name和age两个属性。constructor()方法是类的构造函数，负责初始化对象。我们还定义了一个greet()方法，用于打印人员的姓名和年龄。最后，我们创建了两个Person类的实例，并调用了它们的greet()方法。

掌握封装，征服数据安全屋

封装是面向对象编程的基本原则之一，它允许我们将数据和方法组合在一起，形成一个独立的单元。使用ES6类，我们可以通过将数据声明为private或public来实现封装。

class Person {
  #name; // 私有属性
  constructor(name, age) {
    this.#name = name;
    this.age = age;
  }
  greet() {
    console.log(`Hello, my name is ${this.#name} and I am ${this.age} years old.`);
  }
}

const person1 = new Person('John', 25);
person1.greet(); // 输出："Hello, my name is John and I am 25 years old."
person1.#name = 'Bob'; // 错误：无法访问私有属性

拥抱继承，开启代码复用之旅

继承是面向对象编程的另一个基本原则，它允许我们从一个已有的类中派生出新的类，从而实现代码的复用。ES6类通过extends实现继承。

class Employee extends Person {
  constructor(name, age, jobTitle) {
    super(name, age); // 调用父类的构造函数
    this.jobTitle = jobTitle;
  }
  work() {
    console.log(`I am ${this.name} and I am a ${this.jobTitle}.`);
  }
}

const employee1 = new Employee('John', 25, 'Software Engineer');
employee1.greet(); // 输出："Hello, my name is John and I am 25 years old."
employee1.work(); // 输出："I am John and I am a Software Engineer."

在以上代码中，我们定义了一个Employee类，该类继承自Person类。Employee类具有jobTitle属性和work()方法。我们创建了一个Employee类的实例，并调用了它的greet()和work()方法。

携手多态，实现灵活而优雅的代码

多态是面向对象编程的第三个基本原则，它允许我们使用相同的接口来调用不同对象的相同方法。ES6类通过方法重写（Override）和方法重载（Overload）来实现多态。

class Person {
  greet() {
    console.log('Hello, I am a person.');
  }
}

class Employee extends Person {
  greet() {
    super.greet(); // 调用父类的方法
    console.log('Hello, I am an employee.');
  }
}

const person1 = new Person();
const employee1 = new Employee();

person1.greet(); // 输出："Hello, I am a person."
employee1.greet(); // 输出："Hello, I am a person.\nHello, I am an employee."

在以上代码中，我们定义了一个Person类和一个Employee类。Employee类继承自Person类，并重写了greet()方法。我们创建了这两个类的实例，并调用了它们的greet()方法。可以看出，Employee类的greet()方法调用了Person类的greet()方法，然后打印了额外的信息。