JS类和继承怎么实现_JS ES6类class与继承机制使用教程

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

  sayHello() {
    console.log(`你好，我是${this.name}`);
  }
}

const p1 = new Person("小明", 25);
p1.sayHello(); // 输出：你好，我是小明

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.age}岁`);
  }
}

const s1 = new Student("小红", 20, "大三");
s1.sayHello(); // 学生说：我是小红，今年20岁
s1.study();     // 小红 正在学习

class MathUtils {
  static PI = 3.14159;

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

console.log(MathUtils.add(2, 3)); // 5
console.log(MathUtils.PI);        // 3.14159

// 注意：不能通过实例调用静态方法
const mu = new MathUtils();
// mu.add(2, 3); // 错误：mu.add is not a function

class BankAccount {
  constructor(balance) {
    this._balance = balance; // 私有化约定
  }

  get balance() {
    return this._balance + " 元";
  }

  set balance(amount) {
    if (amount < 0) {
      console.log("余额不能为负！");
      return;
    }
    this._balance = amount;
  }
}

const account = new BankAccount(100);
console.log(account.balance); // 100 元
account.balance = -50;        // 余额不能为负！
account.balance = 200;
console.log(account.balance); // 200 元