十三、面向对象编程与Class

引言

随着JavaScript的发展，ECMAScript 6（ES6）引入了许多新的语言特性和语法糖，其中包括了面向对象编程的Class（类）机制。Class提供了一种更简洁、更直观的方式来定义对象和操作对象的行为。本文将介绍ES6中Class的概念、语法和特性，并通过示例代码来说明其实际应用。

1. 什么是面向对象编程？

面向对象编程（Object-Oriented Programming，简称OOP）是一种编程范式，它将程序中的对象作为基本单元，通过封装、继承和多态等机制来组织和管理代码。面向对象编程将现实世界中的实体抽象为代码中的对象，对象拥有自己的状态（属性）和行为（方法），并与其他对象进行交互。

面向对象编程有以下几个核心概念：

• 封装（Encapsulation）：将数据和操作数据的方法封装在一个对象中，使其成为一个独立的实体，外部无法直接访问对象的内部实现细节。
  
• 继承（Inheritance）：通过定义一个基类（父类），其他类可以继承该基类的属性和方法，并可以在此基础上进行扩展或覆盖。
  
• 多态（Polymorphism）：不同对象可以对相同的方法做出不同的响应，即同一个方法可以根据调用对象的不同而具有不同的行为。
  

面向对象编程的优势包括代码的可重用性、可维护性、扩展性和灵活性等。

2. Class的基本概念

在ES6之前，JavaScript中的对象和面向对象编程的概念相对比较模糊。ES6引入了Class机制，使得JavaScript可以更加直观地定义和使用类。Class是一种特殊的函数，通过Class关键字定义。Class中可以定义构造函数、属性和方法等。

一个简单的Class示例如下：

class Rectangle {
  constructor(width, height) {
    this.width = width;
    this.height = height;
  }
  area() {
    return this.width * this.height;
  }
  perimeter() {
    return 2 * (this.width + this.height);
  }}

在上述示例中，我们定义了一个名为Rectangle的类，它具有width和height两个属性，以及area()和perimeter()两个方法。通过Class定义的类可以通过实例化来创建具体的对象，并调用其属性和方法。

const rect = new Rectangle(5, 3);
console.log(rect.area());       // 输出：15
console.log(rect.perimeter());  // 输出：16

3. Class的语法

ES6中Class的语法相对简洁明了。一个Class可以包含构造函数、属性和方法等。下面介绍一些常用的语法规则：

1）构造函数

在Class中使用constructor关键字定义构造函数。构造函数用于创建对象时进行初始化操作，通过new关键字实例化类时会自动调用构造函数。

class Rectangle {
  constructor(width, height) {
    this.width = width;
    this.height = height;
  }}

构造函数中的this关键字表示当前实例化的对象。

2）属性

在Class中可以定义各种属性。属性可以直接定义在Class的内部，也可以在构造函数中通过this关键字进行定义。

class Rectangle {
  width = 0;    // 直接定义属性
  height = 0;
  constructor(width, height) {
    this.width = width;    // 在构造函数中定义属性
    this.height = height;
  }}

带你读《现代Javascript高级教程》十三、面向对象编程与Class（2）https://developer.aliyun.com/article/1349608?groupCode=tech_library