TypeScript中访问继承类的方法与属性相关问题咨询

云上老周

2026-5-26

两种调用父类方法方式的区别及适用场景

嘿，这个问题问得很实在！咱们结合你给出的TypeScript代码，把这两种调用方式的核心差异和适用场景掰扯清楚：

一、`this.speak()`（继承式调用）

这种方式是通过当前TwoComponent实例来调用继承自父类的方法，核心特点有这些：

依赖当前实例的状态：调用的方法会共享当前TwoComponent实例的所有属性。比如你代码里OneComponent的age初始是5，如果后续你在TwoComponent实例里修改了this.age = 10，那speak方法（如果用到this.age的话）会使用更新后的10，而不是父类默认的5。
支持多态特性：如果TwoComponent重写了speak方法，this.speak()会自动执行子类的重写版本，这完全符合面向对象的多态设计。举个例子：
```
export class TwoComponent extends OneComponent {
  // 重写父类的speak方法
  speak() {
    console.log('speaking subclass language');
  }
}
```
这时候new TwoComponent().speak()会输出speaking subclass language，而不是父类的原始内容。
内存高效：不需要额外创建新的OneComponent实例，复用当前实例的资源，没有多余的内存开销。

这种方式是创建一个全新的、独立的OneComponent实例来调用方法，和当前TwoComponent实例完全无关，特点如下：

独立的实例状态：这个新实例的属性都是父类的默认值，和当前TwoComponent实例的状态完全隔离。哪怕你当前TwoComponent实例把age改成了10，新实例的age还是5。
不受子类重写影响：不管TwoComponent有没有重写speak方法，这种方式都会执行OneComponent的原始speak方法。比如上面重写的例子里，new OneComponent().speak()依然会输出speaking native language。
额外的内存开销：每次调用都会创建一个新的OneComponent实例，如果频繁调用的话，会产生不必要的内存消耗。

你需要让当前子类实例执行继承来的方法，并且希望方法能访问和使用当前实例的属性、状态时。比如你代码里TwoComponent构造器中调用this.speak()，就是让当前实例执行说话逻辑，后续实例状态变化时，方法也能响应这些变化。
你希望遵循面向对象的多态设计，允许子类通过重写方法来改变行为时，这种调用方式会自动适配子类的实现。

你明确需要执行父类的原始方法，不受子类重写的影响时。（不过这里插一句：如果只是想在子类里调用父类的原始方法，更规范的做法是用super.speak()，而不是创建新实例哦）
当父类的方法是不依赖实例状态的纯逻辑时（比如speak方法里没有用到任何实例属性），不过这种情况更建议把方法改成静态方法（static speak()），这样不用创建实例就能调用，更高效。
你需要一个独立的父类实例状态，不想和当前子类实例的状态产生关联时。

内容的提问来源于stack exchange，提问作者Sem Horse