用代码理解js的面向对象编程

2023-12-30 23:23:35

面向对象编程概述

面向对象编程是一种编程范式，它将数据和行为组织成对象。对象是一个独立的实体，它有自己的属性和方法。属性是对象的特征，方法是对象可以执行的操作。面向对象编程使我们可以将复杂的问题分解成更小的、更容易管理的部分，从而使代码更容易编写和维护。

JavaScript 中的对象

JavaScript 中的对象被设计成一组属性的无序集合，像是一个哈希表，有 key 和 value。key 是属性的名称，value 是属性的值。对象可以使用字面量语法来创建，如下所示：

const person = {
  name: 'John Doe',
  age: 30,
  occupation: 'Software Engineer'
};

JavaScript 中的类

JavaScript 中的类是用来创建对象的模板。类定义了对象的属性和方法。我们可以使用 class 来定义类，如下所示：

class Person {
  constructor(name, age, occupation) {
    this.name = name;
    this.age = age;
    this.occupation = occupation;
  }

  greet() {
    console.log(`Hello, my name is ${this.name}`);
  }
}

JavaScript 中的实例

实例是类的具体对象。我们可以使用 new 关键字来创建实例，如下所示：

const john = new Person('John Doe', 30, 'Software Engineer');

JavaScript 中的继承

继承是面向对象编程中的一种重要概念。继承允许我们创建新的类，这些类可以继承父类的属性和方法。我们可以使用 extends 关键字来实现继承，如下所示：

class Employee extends Person {
  constructor(name, age, occupation, salary) {
    super(name, age, occupation);
    this.salary = salary;
  }

  getSalary() {
    return this.salary;
  }
}

JavaScript 中的多态

多态是面向对象编程中的一种重要概念。多态允许我们对不同类型的对象使用相同的接口。我们可以通过重写父类的方法来实现多态，如下所示：

class Manager extends Employee {
  constructor(name, age, occupation, salary, department) {
    super(name, age, occupation, salary);
    this.department = department;
  }

  getSalary() {
    return this.salary + 1000;
  }
}

JavaScript 中的封装

封装是面向对象编程中的一种重要概念。封装允许我们将数据的实现细节隐藏起来，只暴露给用户必要的信息。我们可以通过使用私有属性和方法来实现封装，如下所示：

class Person {
  #name;
  #age;

  constructor(name, age) {
    this.#name = name;
    this.#age = age;
  }

  getName() {
    return this.#name;
  }

  getAge() {
    return this.#age;
  }
}