类与继承_JS面向对象实践

答案：JavaScript中类是ES6引入的语法糖，基于原型实现，使用class定义，通过extends实现继承，支持静态成员和私有字段。

在JavaScript中，类与继承是面向对象编程（OOP）的核心概念。虽然JS最初是基于原型（prototype）的语言，并没有传统意义上的“类”，但从ES6开始引入了class语法糖，让开发者能以更直观的方式实现面向对象的结构。

类的基本定义与使用

使用class关键字可以定义一个类，它本质上仍然是基于原型的函数，但写法更清晰、更接近其他语言的类定义方式。

一个简单的类示例如下：

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
sayHello() {
console.log(你好，我是${this.name}，今年${this.age}岁。);
}
}
const person1 = new Person("小明", 25);
person1.sayHello(); // 输出：你好，我是小明，今年25岁。

说明：

• constructor 是构造函数，用于初始化实例属性。
• 类中的方法不需要function关键字，直接定义即可。
• 通过new操作符创建实例。

继承的实现方式

JavaScript支持通过extends关键字实现类的继承，子类可以继承父类的属性和方法，并可扩展或重写它们。

class Student extends Person {
  constructor(name, age, grade) {
    super(name, age); // 调用父类构造函数
    this.grade = grade;
  }
study() {
console.log(${this.name}正在学习。);
}
// 重写父类方法
sayHello() {
console.log(我是学生${this.name}，上${this.grade}年级。);
}
}
const student1 = new Student("小红", 20, "大三");
student1.sayHello(); // 输出：我是学生小红，上大三年级。
student1.study();     // 输出：小红正在学习。

关键点：

• extends 指定继承的父类。
• super() 必须在this之前调用，用于初始化父类属性。
• 子类可添加新方法，也可覆盖父类方法。

静态方法与属性

静态成员属于类本身，而不是实例。可以通过static关键字定义。

class MathUtils {
  static PI = 3.14159;
static circleArea(radius) {
return this.PI * radius ** 2;
}
}
console.log(MathUtils.PI);           // 3.14159
console.log(MathUtils.circleArea(5)); // 78.53975

注意：静态方法不能通过实例调用，只能通过类名访问。

私有字段（实验性语法）

现代JS支持在类中使用私有字段，字段名以#开头，只能在类内部访问。

class BankAccount {
  #balance = 0;
deposit(amount) {
if (amount > 0) {
this.#balance += amount;
}
}
getBalance() {
return this.#balance;
}
}
const account = new BankAccount();
account.deposit(100);
console.log(account.getBalance()); // 100
// account.#balance; // 报错：无法外部访问

这种机制增强了封装性，避免外部误操作内部状态。

基本上就这些。掌握类与继承，能让JS代码结构更清晰、复用性更高，尤其是在开发复杂应用时尤为重要。虽然底层仍是原型链，但class语法大大提升了可读性和维护性。