TypeScript definisce la proprietà privata quando si implementa un'interfaccia

Question

Sto usando TypeScript nel mio progetto e ho riscontrato un problema. Sto definendo un'interfaccia simile a questo:

interface IModuleMenuItem { 
    name: string; 
} 

Voglio creare una classe che implementi da questa interfaccia, ma voglio nome sia una proprietà privata in questo modo:

class ModuleMenuItem implements IModuleMenuItem { 
    private name: string; 
} 

Sono ottenere il seguente errore:

Class ModuleMenuItem incorrectly implements interface IModuleMenuItem. Property name is private in type ModuleMenuItem but not in type IModuleMenuItem.

Come è possibile definire una proprietà privata o protetta quando si implementa un'interfaccia?

Answer 1

Le interfacce definiscono contratti "pubblici" e come tali non ha senso avere il modificatore di accesso protected o private sulle interfacce, che sono più di un, chiamiamolo, dettagli di implementazione. In quanto tale, non puoi fare ciò che vuoi con un'interfaccia.

Se si vuole fare la proprietà di sola lettura per i consumatori, ma override in una sottoclasse, allora si può fare qualcosa di simile:

interface IModuleMenuItem { 
    getName(): string; 
} 

class ModuleMenuItem implements IModuleMenuItem { 
    private name; 

    public getName() { 
     return name;  
    } 

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

penso a macchina 2.0 (non ancora fuori) si vuole essere in grado di utilizzare il modificatore di accesso readonly se tu fossi dopo l'inizializzazione in tempo campo di sola lettura - 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"; 
    } 
} 

Answer 2

Penso che si può fare in questo modo

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

Penso che nel costruttore dovresti avere: _name sarà assegnato nel metodo get (nome) {} come this_name = nome;

constructor() { this.name = name }