JavaScript 面向对象编程指南：封装、继承和多态

2023-09-29 02:28:12

JavaScript 中的面向对象编程：构建复杂应用程序的基础

面向对象编程 (OOP) 是一种组织和结构化代码的方式，它以对象为中心。JavaScript 作为一种强大的语言，提供了 OOP 功能，使开发者能够构建健壮、可维护的应用程序。

类和对象

在 JavaScript 中，类是对象的蓝图，用于定义对象的属性和方法。对象是类的实例，包含了特定于该对象的属性值。例如，我们可以创建一个 Person 类，其中包含 name、age 和 greet() 方法属性：

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  greet() {
    console.log(`Hello, my name is ${this.name}!`);
  }
}

然后，我们可以创建 Person 对象：

const person = new Person('John Doe', 30);
person.greet(); // Hello, my name is John Doe!

封装

封装是将对象的内部数据和行为隐藏起来，只通过接口与外界交互的概念。它提高了代码的安全性，因为只有经过授权的代码才能访问和修改对象的内部状态。在 Person 类中，我们使用 constructor 方法来初始化对象，并提供 greet() 方法来访问 name 属性：

class Person {
  constructor(name, age) {
    this._name = name; // 私有属性，使用下划线前缀
    this.age = age;
  }
  greet() {
    console.log(`Hello, my name is ${this._name}!`);
  }
}

继承

继承允许一个类从另一个类继承属性和方法。通过继承，我们可以创建新的类，它们具有父类的功能，并添加自己的特定功能。例如，我们可以创建一个 Student 类，它继承自 Person 类：

class Student extends Person {
  constructor(name, age, major) {
    super(name, age); // 调用父类构造函数
    this.major = major;
  }
  study() {
    console.log(`I am studying ${this.major}!`);
  }
}

多态

多态允许不同的对象响应相同的调用，产生不同的行为。通过重写父类的方法，子类可以提供自己的特定实现。例如，Dog 和 Cat 类都可以继承 Animal 类的 speak() 方法，但它们可以产生不同的输出：

class Animal {
  constructor(name) {
    this.name = name;
  }
  speak() {
    console.log(`I am ${this.name}!`);
  }
}
class Dog extends Animal {
  speak() {
    console.log(`Woof! My name is ${this.name}!`);
  }
}
class Cat extends Animal {
  speak() {
    console.log(`Meow! My name is ${this.name}!`);
  }
}