在Typescript中实现接口时如何定义私有属性？

Question

我在项目中使用TypeScript时遇到了一个问题。我正在定义这样一个接口：

interface IModuleMenuItem {
    name: string;
}

我想创建一个从该接口实现的类，但我希望该名称是私有属性，如下所示：

class ModuleMenuItem implements IModuleMenuItem {
    private name: string;
}

我得到以下错误：

类ModuleMenuItem错误地实现接口IModuleMenuItem。属性名称在类型ModuleMenuItem中是私有的，但在类型IModuleMenuItem中不是私有的。

实现接口时，如何将属性定义为私有或受保护？

Answer 1

如果类中有私有字段，则需要引入setter并获取该字段的方法，如下所示：

export class Model {
    private _field: number;

    get field(): number {
        return this._field;
    }

    set field(value: number) {
        this._field= value;
    }
}

然后像往常一样创建接口（我们不能对接口字段使用私有修饰符），如下所示：

export interface IModel {
 field: number;
}

然后像这样实现到我们的类：

export class Model implements IModel {
...
}

TypeScript将理解这个模型是通过接口正确实现的，因为我们已经介绍了set和get方法。

Answer 2

我想你可以这样做

interface IModuleMenuItem{
    name: string
}

class ModuleMenuItem implements IModuleMenuItem {
    private _name: string;
    constructor() {
    _name = "name";
    }

    get name(){
    // your implementation to expose name
    }

    set name(value){
    // your implementation to set name         
    }
 }

Answer 3

接口定义了“公共”契约，因此在接口上设置受保护的或私有的访问修饰符是没有意义的，这更像是一个实现细节。由于这个原因，你不能用一个接口做你想做的事情。

如果您想使属性仅对消费者读取，但可在子类中重写，那么您可以这样做：

interface IModuleMenuItem {
     getName(): string;
}

class ModuleMenuItem implements IModuleMenuItem {
    private name;

    public getName() {
        return name;    
    }

    protected setName(newName : string) {
        name = newName;
    }
}

我认为在TypeScript 2.0（尚未推出）中，如果您在初始化时间只读字段之后，您将能够使用只读访问修饰符-https://basarat.gitbooks.io/typescript/content/docs/types/readonly.html

interface IModuleMenuItem {
     readonly name : string;
}

class ModuleMenuItem implements IModuleMenuItem {
    public readonly name : string;

    constructor() {
        name = "name";
    }
}