get und set in TypeScript

Question

Ich versuche, Get- und Set-Methode für eine Eigenschaft zu erstellen:

private _name: string;

Name() {
    get:
    {
        return this._name;
    }
    set:
    {
        this._name = ???;
    }
}

Wie lautet das Schlüsselwort, um einen Wert zu setzen?

Answer 1

Auch wenn TypeScript die Initialisierung der Eigenschaft analysiert, wenn Sie diesen Fall immer selbst behandeln möchten, können Sie dies in dieser Einstellung in ts.config.json auf false setzen.

{  
  "compilerOptions": {    
    "strict": true,
    "strictPropertyInitialization": false       
  }  
}

Strenge Eigenschaftsinitialisierung - strictPropertyInitialization Wenn auf true gesetzt, wird TypeScript einen Fehler melden, wenn eine Klasseneigenschaft deklariert wurde, aber nicht im Konstruktor gesetzt wurde.

In diesem Fall sollten Sie auch andere Fälle in Betracht ziehen, die Sie in den unten stehenden Links sehen.

class UserAccount {
  name: string;
  accountType = "user";

  email: string;//Die Eigenschaft 'email' hat keinen Initialisierer und wird nicht im Konstruktor definitiv zugewiesen.
  address: string | undefined;

  constructor(name: string) {
    this.name = name;
    // Beachten Sie, dass this.email nicht gesetzt ist
  }
}

this.name wird explizit gesetzt.
this.accountType wird standardmäßig gesetzt.
this.email ist nicht gesetzt und ruft einen Fehler auf.
this.address wird als potenziell undefined deklariert, was bedeutet, dass es nicht gesetzt werden muss.

Der Compiler gibt keinen Fehler aus, wenn wir strictPropertyInitialization auf false setzen.

  private _name : string;
  public get name() : string {
    return this._name;
  }
  public set name(v : string) {
    this._name = v;
  }

https://www.typescriptlang.org/docs/handbook/2/classes.html#--strictpropertyinitialization https://www.typescriptlang.org/tsconfig#strictPropertyInitialization

Answer 2

Wenn Sie mit TypeScript-Modulen arbeiten und versuchen, einen exportierten Getter hinzuzufügen, können Sie so etwas tun:

// dataStore.ts
export const myData: string = undefined;  // nur zur Unterstützung der Typisierung
let _myData: string;  // zum Zwischenspeichern der Getter-Ergebnisse

Object.defineProperty(this, "myData", {
    get: (): string => {
        if (_myData === undefined) {
            _myData = "meine Daten";  // tun Sie so, als ob dies lange dauern würde
        }

        return _myData;
    },
});

Dann haben Sie in einer anderen Datei:

import * as dataStore from "./dataStore"
console.log(dataStore.myData); // "meine Daten"