javascript如何实现面向对象编程_类和继承如何使用-js教程-PHP中文网

javascript如何实现面向对象编程_类和继承如何使用

紅蓮之龍

发布： 2025-12-15 19:02:04

原创

988人浏览过

JavaScript面向对象编程主要依靠class语法（ES6+）和原型继承机制，class是原型操作的语法糖；通过constructor初始化属性，extends实现继承并需调用super，支持静态方法、私有字段（#）及getter/setter。

javascript如何实现面向对象编程_类和继承如何使用

JavaScript 实现面向对象编程（OOP）主要靠 class 语法（ES6+）和基于原型的继承机制。虽然 JS 本质是基于原型的语言，但 class 提供了更清晰、接近传统 OOP 的写法，实际仍是语法糖，底层仍操作 prototype。

定义类与实例化对象

用 class 关键字声明类，内部用 constructor() 初始化实例属性，其他方法直接写在类体中（自动挂载到原型上）：

class Animal {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  speak() {
    console.log(`${this.name} 发出声音`);
  }
}
<p>const dog = new Animal('旺财', 3);
dog.speak(); // 旺财 发出声音

登录后复制

使用 extends 实现继承

子类通过 extends 继承父类，必须在构造函数中调用 super()（传参给父类 constructor），才能访问 this：

子类可重写父类方法（方法覆盖）
可用 super.方法名() 调用父类同名方法
静态方法、getter/setter 同样可被继承或覆盖

class Dog extends Animal {
  constructor(name, age, breed) {
    super(name, age); // 必须先调用 super
    this.breed = breed;
  }
  speak() {
    console.log(`${this.name} 汪汪叫！`);
  }
  info() {
    console.log(`品种：${this.breed}, 年龄：${this.age}`);
  }
}
<p>const myDog = new Dog('小黑', 2, '拉布拉多');
myDog.speak(); // 小黑 汪汪叫！
myDog.info();  // 品种：拉布拉多, 年龄：2

登录后复制

静态方法与私有字段（可选增强）

类支持 static 方法（直接通过类名调用，不依赖实例），也支持私有字段（# 开头，仅类内可访问）：

立即学习“Java免费学习笔记（深入）”；

PHP高级开发技巧与范例

PHP是一种功能强大的网络程序设计语言，而且易学易用，移植性和可扩展性也都非常优秀，本书将为读者详细介绍PHP编程。全书分为预备篇、开始篇和加速篇三大部分，共9章。预备篇主要介绍一些学习PHP语言的预备知识以及PHP运行平台的架设；开始篇则较为详细地向读者介绍PKP语言的基本语法和常用函数，以及用PHP如何对MySQL数据库进行操作；加速篇则通过对典型实例的介绍来使读者全面掌握PHP。本书

486

查看详情

class MathUtils {
  static add(a, b) {
    return a + b;
  }
  #secret = 42;
  getSecret() {
    return this.#secret;
  }
}
<p>MathUtils.add(3, 5); // 8
const utils = new MathUtils();
utils.getSecret(); // 42
// utils.#secret; // 报错：私有字段不可外部访问

登录后复制