Variablen im Konstruktor oder in der Deklaration initialisieren

Question

Wenn ReactJS mit TypeScript verwendet wird, ist es besser, Klassenvariablen im Konstruktor zu initialisieren oder wenn die Klassenvariable deklariert wird? Es funktioniert auf jede Art und Weise und das transpilierte Javascript sieht genauso aus.

export class MyClass extends React.Component<iProps, {}> { 
     private myName: string = "Hello"; 

     constructor(props: iProps) { 
     super(props); 

     this.myName= "Hello"; 
     } 
} 

Answer 1

Es ist genau das gleiche, zum Beispiel:

class MyClass1 { 
     private myName: string = "Hello"; 
} 

Compiliert zu:

var MyClass1 = (function() { 
    function MyClass1() { 
     this.myName = "Hello"; 
    } 
    return MyClass1; 
}()); 

Und:

class MyClass2 { 
     private myName: string; 

     constructor() { 
     this.myName = "Hello"; 
     } 
} 

Compiliert zu:

var MyClass2 = (function() { 
    function MyClass2() { 
     this.myName = "Hello"; 
    } 
    return MyClass2; 
}()); 

(code in playground)

Wie Sie die kompilierten Versionen identisch sind zu sehen (mit Ausnahme der Klassennamen).
So können Sie verwenden, welche Sie eleganter finden.

Wie reagieren, können Sie die Requisiten verwenden, die an den Konstruktor übergeben werden.
Wenn Sie es6-Stilklassen mit reaktiven Komponenten verwenden, wird Ihr Anfangszustand im Konstruktor zugewiesen und nicht mit der Methode getInitialState.
Wenn Ihr Ausgangszustand eine Funktion der Requisiten ist, müssen Sie diese im Konstruktor verwenden.