类与继承_JS面向对象实践-js教程-PHP中文网

类与继承_JS面向对象实践

betcha

发布： 2025-11-18 20:24:45

原创

331人浏览过

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

类与继承_js面向对象实践

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

类的基本定义与使用

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

一个简单的类示例如下：

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

登录后复制

说明：

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

继承的实现方式

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

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

登录后复制

关键点：

PowerDesigner使用教程chm版

PowerDesigner使用教程，内容有界面与操作基本概念、数据项目与实体、定义实体间的联系与角色、定义和使用域及继承、将CDM对象转换成PDM对象、生成报表等

查看详情

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

静态方法与属性

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

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

登录后复制

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

私有字段（实验性语法）

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

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

登录后复制

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

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

以上就是类与继承_JS面向对象实践的详细内容，更多请关注php中文网其它相关文章！