探索 JavaScript 中的面向对象编程 (OOP)

<code class="javascript">const 汽车 = {
  品牌: "丰田",
  型号: "卡罗拉",
  启动() {
    return `${this.品牌} ${this.型号} 已启动。`;
  }
};

console.log(汽车.启动()); // 输出：丰田 卡罗拉 已启动。</code>

<code class="javascript">class 动物 {
  constructor(名称, 物种) {
    this.名称 = 名称;
    this.物种 = 物种;
  }

  发出声音() {
    return `${this.名称} 发出了声音。`;
  }
}

const 狗 = new 动物("巴迪", "狗");
console.log(狗.发出声音()); // 输出：巴迪 发出了声音。</code>

<code class="javascript">class 银行账户 {
  #余额;

  constructor(初始余额) {
    this.#余额 = 初始余额;
  }

  存款(金额) {
    this.#余额 += 金额;
  }

  获取余额() {
    return this.#余额;
  }
}

const 账户 = new 银行账户(100);
账户.存款(50);
console.log(账户.获取余额()); // 输出：150
// console.log(账户.#余额); // 错误：私有字段 '#余额' 必须在封闭类中声明</code>

<code class="javascript">class 车辆 {
  constructor(品牌) {
    this.品牌 = 品牌;
  }

  启动() {
    return `${this.品牌} 车辆已启动。`;
  }
}

class 汽车 extends 车辆 {
  constructor(品牌, 型号) {
    super(品牌); // 调用父类构造函数
    this.型号 = 型号;
  }

  显示() {
    return `${this.品牌} ${this.型号} 已准备好出发。`;
  }
}

const 我的汽车 = new 汽车("特斯拉", "Model S");
console.log(我的汽车.显示()); // 输出：特斯拉 Model S 已准备好出发。</code>

<code class="javascript">class 形状 {
  面积() {
    return "面积未定义。";
  }
}

class 圆形 extends 形状 {
  constructor(半径) {
    super();
    this.半径 = 半径;
  }

  面积() {
    return Math.PI * this.半径 ** 2;
  }
}

const 圆 = new 圆形(5);
console.log(圆.面积()); // 输出：78.53981633974483</code>

<code class="javascript">class 动物 {
  constructor(名称) {
    if (this.constructor === 动物) {
      throw new Error("抽象类不能直接实例化。");
    }
    this.名称 = 名称;
  }

  发出声音() {
    throw new Error("抽象方法必须实现。");
  }
}

class 狗 extends 动物 {
  发出声音() {
    return "汪汪!";
  }
}

const 狗 = new 狗("巴迪");
console.log(狗.发出声音()); // 输出：汪汪!
// const 动物 = new 动物("某种动物"); // 错误：抽象类不能直接实例化。</code>