JS类的详解|极客笔记

JS类的详解

JavaScript是一种强大的编程语言，在其语法中包含了很多特性，其中的类系统是其核心功能之一。类是一种面向对象编程的基本概念，它可以帮助我们组织和管理代码，使代码更易于维护和扩展。本文将详细介绍JavaScript中的类的相关知识，包括类的定义、继承、构造函数、静态方法等内容。

定义类

在JavaScript中，可以使用class关键字来定义一个类。一个类包含了属性和方法，可以通过实例化来创建类的对象。下面是一个简单的类的定义示例：

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

    sayHello() {
        console.log(`Hello, my name is  ${this.name} and I am$ {this.age} years old.`);
    }
}

let person1 = new Person("Alice", 25);
person1.sayHello();

在上面的代码中，我们定义了一个名为Person的类，它有一个构造函数constructor和一个方法sayHello。通过new关键字可以创建一个Person的实例person1，并调用sayHello方法输出信息。

继承类

JavaScript支持类的继承，子类可以继承父类的属性和方法，并可以覆盖父类的属性和方法。下面是一个简单的继承示例：

class Student extends Person {
    constructor(name, age, grade) {
        super(name, age);
        this.grade = grade;
    }

    study() {
        console.log(` ${this.name} is studying in grade$ {this.grade}.`);
    }
}

let student1 = new Student("Bob", 20, 10);
student1.sayHello();
student1.study();

在上面的代码中，我们定义了一个名为Student的子类，继承了父类Person的属性和方法。通过super关键字可以调用父类的构造函数，然后添加子类特有的属性和方法。创建Student的实例student1，并调用父类的方法sayHello和子类的方法study。

构造函数

构造函数是类的一种特殊方法，用于在创建类的实例时进行初始化操作。在构造函数中可以传入参数，初始化实例的属性。下面是一个构造函数的示例：

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

    displayInfo() {
        console.log(`This is a  ${this.year}$ {this.brand} ${this.model}.`);
    }
}

let car1 = new Car("Toyota", "Corolla", 2020);
car1.displayInfo();

在上面的代码中，我们定义了一个名为Car的类，有构造函数接收品牌、型号、年份参数，然后通过构造函数初始化实例的属性，最后定义了一个displayInfo方法用于展示车辆信息。

静态方法

静态方法是类的方法，可以通过类本身调用，而不是通过类的实例调用。静态方法通常用于辅助类的实例创建或其他一些静态操作。下面是一个静态方法的示例：

class MathUtils {
    static add(a, b) {
        return a + b;
    }

    static subtract(a, b) {
        return a - b;
    }
}

console.log(MathUtils.add(5, 3));
console.log(MathUtils.subtract(10, 6));

在上面的代码中，我们定义了一个名为MathUtils的类，有两个静态方法add和subtract用于求和和求差。通过类名直接调用这两个方法，并输出。

Getter和Setter

Getter和Setter是用于访问和设置类属性的特殊方法。Getter用于获取属性的值，Setter用于设置属性的值。下面是一个Getter和Setter的示例：

class Circle {
    constructor(radius) {
        this._radius = radius;
    }

    get radius() {
        return this._radius;
    }

    set radius(value) {
        this._radius = value;
    }

    get area() {
        return Math.PI * this._radius * this._radius;
    }
}

let circle1 = new Circle(5);
console.log(circle1.radius); // 5
circle1.radius = 8;
console.log(circle1.radius); // 8
console.log(circle1.area); // 201.06192982974676

在上面的代码中，我们定义了一个名为Circle的类，有一个radius属性和相关的Getter和Setter方法。通过Getter和Setter获取和设置圆的半径，并计算圆的面积。