为什么我不能在打字稿类的构造函数中访问抽象属性

Question

abstract class Route {
    abstract readonly name?: string;
    protected abstract pattern: string;

    public constructor() {
        // Do something with `this.name` and `this.pattern`.
        
        console.log(this.pattern); // Typecheck error
    }
    
    abstract handle(): void;
}

这会引发错误，因为

this.pattern

不会在构造函数中访问。为什么我不能访问它？

Answer 1

（将我的评论转换为答案）

为什么我不能访问它？

因为派生类的构造函数不会被调用，所以对象可能处于无效状态。有些语言允许从父构造函数进行虚拟调用，但人们普遍认为这是一种不好的做法。 TypeScript 选择不允许它。

文档中提到了这一点：https://www.typescriptlang.org/docs/handbook/classes.html

[...] 每个包含构造函数的派生类都必须调用

super()

来执行基类的构造函数。更重要的是，在我们访问构造函数体中 this 的属性之前，我们必须调用

super()

。这是 TypeScript 将强制执行的重要规则。

万一的解决方案是将

pattern

作为参数传递给

Route

的构造函数。如果

pattern

在调用父构造函数之前不能由子类的构造函数确定，那么您需要重新考虑您的设计。

abstract class Route {
    
    constructor(
        private readonly pattern: string
    )
    {
        console.log( pattern );
    }
}

class Derived123 extends Route {
    
    constructor() {
        super( /*pattern:*/ "123" )
    }
}

class Derived456 extends Route {
    
    constructor() {
        super( /*pattern:*/ "456" )
    }
}