【乔二参】JavaScript 类详解

https://gitee.com/qercan/software-sharing

非常感谢您的支持！您的点赞、关注和评论是我创作的动力。我会继续努力，提供高质量内容，如有任何建议，请随时与我联系。

JavaScript 类（Classes）

在JavaScript中，类（Classes）是一种用于创建对象的模板或蓝图。它们提供了一种更结构化和易于理解的方式来定义对象的属性和方法。类是在ES6（ECMAScript 2015）中引入的，是JavaScript面向对象编程（OOP）的一个重要组成部分。

定义

类是通过关键字class后跟类名来定义的。类体包含在一个大括号{}中，可以包含构造函数（constructor）、方法（methods）和属性（properties，通常通过getter和setter访问）。

用途

1. 封装：将数据和操作数据的函数封装在一起，隐藏内部实现细节，只对外暴露有限的接口。
2. 继承：允许基于一个类（父类）来创建另一个类（子类），子类可以继承父类的属性和方法，也可以添加或覆盖自己的属性和方法。
3. 多态：虽然JavaScript本身对多态的支持不像一些静态类型语言那样直接，但类可以用于实现类似多态的行为，通过方法重写等。

基本语法

class ClassName {
  constructor(parameters) {
    // 初始化对象属性
    this.property1 = value1;
    this.property2 = value2;
  }

  methodName() {
    // 方法体
  }

  // Getter 和 Setter
  get propertyName() {
    return this._propertyName;
  }

  set propertyName(value) {
    this._propertyName = value;
  }
}

// 创建类的实例
const instance = new ClassName(parameters);

常见示例

假设我们要创建一个表示汽车的类，它包含品牌、型号和颜色作为属性，以及一个显示汽车信息的方法。

class Car {
  constructor(brand, model, color) {
    this.brand = brand;
    this.model = model;
    this.color = color;
  }

  displayInfo() {
    console.log(`Brand: ${this.brand}, Model: ${this.model}, Color: ${this.color}`);
  }
}

// 创建Car类的实例
const myCar = new Car('Toyota', 'Corolla', 'Red');

// 调用实例的方法
myCar.displayInfo(); // 输出: Brand: Toyota, Model: Corolla, Color: Red

在这个例子中，Car类定义了一个构造函数，它接收三个参数（品牌、型号和颜色）来初始化新创建的对象的属性。displayInfo方法用于输出汽车的详细信息。通过new关键字和类名（Car）以及传递给构造函数的参数，我们创建了一个Car类的实例myCar，并调用了它的displayInfo方法来展示信息。

类提供了一种强大的方式来组织和封装相关的数据和函数，使得代码更加模块化和易于维护。

友情提示