Uvědomujeme si, že se jedná o starší diskuse, ale to by mohlo být ještě užitečné podělit o své řešení problému z údajně soukromých proměnných a metod ve strojopisu „prosakuje“ ven do veřejné rozhraní kompilované třídy JavaScriptu.
Pro mě je tato otázka je čistě kosmetická, to znamená, že je to všechno o vizuální nepořádek, když je proměnná instance pohledu v Devtools. My fix je skupina soukromých prohlášení spolu uvnitř jiné třídy, která je pak instance v hlavní třídě a je přiřazen k některé private(ale stále veřejně viditelné v JS) proměnné s názvem, jako je __(dvojité podtržení).
Příklad:
class Privates {
readonly DEFAULT_MULTIPLIER = 2;
foo: number;
bar: number;
someMethod = (multiplier: number = this.DEFAULT_MULTIPLIER) => {
return multiplier * (this.foo + this.bar);
}
private _class: MyClass;
constructor(_class: MyClass) {
this._class = _class;
}
}
export class MyClass {
private __: Privates = new Privates(this);
constructor(foo: number, bar: number, baz: number) {
// assign private property values...
this.__.foo = foo;
this.__.bar = bar;
// assign public property values...
this.baz = baz;
}
baz: number;
print = () => {
console.log(`foo=${this.__.foo}, bar=${this.__.bar}`);
console.log(`someMethod returns ${this.__.someMethod()}`);
}
}
let myClass = new MyClass(1, 2, 3);
Je-li myClassse například zobrazit v Devtools místo vidět všechny své „soukromé“ členů smíchané s opravdu ty veřejnosti (což může být velmi vizuálně chaotický správně refactored reálném kódu) je vidíte přehledně rozděleny uvnitř zhroucené __vlastnosti:
