是否可以在TypeScript接口中使用只读属性？[重复]

Question

我想定义一个具有只读属性的接口。例如；

interface foo {
    get bar():bool;
}

但是，这会在栏上出现语法错误“预期'；'”。我已将VisualStudio设置为使用ES5目标，因此支持getter。这是接口的限制吗？将来可能会发生这种变化；能够做到这一点是一件非常好的事情。

Answer 1

正如@Vitaliy Ulantikov所回答的，您可以在属性上使用只读修饰符。这就像一个getter。

interface Point {
    readonly x: number;
    readonly y: number;
}

当对象文字实现该接口时，不能覆盖只读属性：

let p1: Point = { x: 10, y: 20 };
p1.x = 5; // error!

但是当一个类实现接口时，没有办法避免覆盖它。

class PointClassBroken implements Point {
    // these are required in order to implement correctly
    x: number;
    y: number;

    constructor(x: number, y: number) {
        this.x = x
        this.y = y
    }

    changeCoordinates(x: number, y: number): void {
        this.x = x // no error!
        this.y = y // no error!
    }
}

我猜这是因为当你在类定义中重新声明属性时，它们会覆盖接口的属性，不再是只读的。

要解决这个问题，请直接在实现接口的类中对属性使用readonly

class PointClassFixed implements Point {
    readonly x: number;
    readonly y: number;

    constructor(x: number, y: number) {
        this.x = x
        this.y = y
    }

    changeCoordinates(x: number, y: number): void {
        this.x = x // error!
        this.y = y // error!
    }
}

在操场上自己看。

Answer 2

是的，这是对接口的限制。是否使用getter实现对属性的访问是一个实现细节，因此不应该是公共接口的一部分。另见这个问题。

如果您需要在接口中指定的只读属性，您可以添加getter方法：

interface foo {
    getAttribute() : string;
}

Answer 3

Typecript 2.0中引入了仅Getter属性：

interface foo {
    readonly bar: boolean;
}