Wie funktioniert die Deklaration von Variablen unterscheiden sich zwischen den `Klassen` und `constructor`?

Habe ich ein Beispiel gesehen, und ich bin versucht ihn zu reproduzieren. Die name und age deklariert sind innerhalb der class und services ( Injizierbaren ) Hinzugefügt, in der constructor.

Ich würde gerne wissen, der Unterschied zwischen deklarieren von Variablen mit class und constructor hier. Alle mir einer helfen, zu wissen, die Unterschiede.

Als auch anstelle der Deklaration der name und age kann ich nicht erklären Innenseite des constructor selbst?

hier ist mein code :

    import {Component} from 'angular2/core';
    import {CommonService} from './commonService';
    import {commonServiceIndipendent} from './commonSerivceIndipendent';

    @Component({

      selector : 'component1',

      template : `

        <h1>Component 1</h1>
        <input type="text" #message />

        <button (click)="onLog(message.value)" >Component1 - Message </button>

      `,

      providers:[commonServiceIndipendent]

    })

    export class Component1 {

      name:string; //why here?
      age:number; //why here?

//can't i add to constructor? if so how?
      constructor ( 
        private _commonService : CommonService, 
        private _commonServiceIndipendent:commonServiceIndipendent) {}


      //sending to same service. it has other instance in history
      onLog(message:string) {

        this._commonService.log( message );

        this.name = "Arif",
        this.age = 20;

        this.onData();

      }

      onData() {
        this._commonServiceIndipendent.myData(this.name,this.age);
      }

    }

InformationsquelleAutor user2024080 | 2016-03-22

angular typescript

in diesem Fall

export class Component1 {

      constructor ( 
        private _commonService : CommonService, 
        private _commonServiceIndipendent:commonServiceIndipendent) {


       }

ist ähnlich wie diese

export class Component1 {

      private _commonService : CommonService;
      private _commonServiceIndipendent:commonServiceIndipendent;

      constructor ( 
        _commonService : CommonService, 
        _commonServiceIndipendent:commonServiceIndipendent) {

        this._commonService = _commonService; 
        this._commonServiceIndipendent = _commonServiceIndipendent;

       }

wenn Sie nicht im Konstruktor protected, private oder public zum Beispiel DI, den Bereich der Variablen _commonService ist der Umfang der Konstruktor { } Sie nicht verwenden konnten, aus einer anderen Funktion.

Beispiel:

export class Component1 {

      constructor ( 
        _commonService : CommonService, 
        _commonServiceIndipendent:commonServiceIndipendent) {

          _commonService .... Work
       }

       foo(){

        _commonService ..... Cannot find name '_commonService'.
        this._commonService ..... Property '_commonService' does not exist on type 'yourClass'.  

       }

Wenn Sie nicht zuordnen, um eine andere variable hat den Gültigkeitsbereich der Klasse,so dass Sie keine Bezugnahme auf diese variable, mit this Stichwort.

export class Component1 {

  name:string; //why here?
  age:number; //why here?

//can't i add to constructor? if so how?

in Maschinenschrift ohne Angular2, Sie können dies tun, mit nichts mehr:

constructor (name:string, age:number) {}

aber in Typoskript mit Angular2, Angular2 verantwortlich ist, die meisten der Zeit, zum nutzen für DI stehen im Beispiel hier:

constructor (private _commonServiceIndipendent:commonServiceIndipendent){}

dafür providers:[commonServiceIndipendent].

Angular2: Injizieren Sie eine nicht @Injizierbaren Klasse

Wie Dependency Injection (DI) korrekt in Angular2?

Danke für den Beitrag.. ich hatte ein Problem. Meine Klasse-Funktionen sind nicht in der Lage zu finden, meine service-Instanz im Konstruktor injiziert. Lösung ist, muss ich hinzufügen, öffentlich/privat oder geschützt, während Injektion in den Konstruktor. Ich war auf der Suche nach einem Grund, warum ich brauche, um zu tun, und hier bekam ich meine Antwort. Danke @Angel
in deinem Beispiel _commonService ..... Kann nicht finden, den Namen '_commonService'., die Zugabe von privaten oder öffentlichen innen-Konstruktor () Sie lösen den Fehler aus. oder nicht ?

InformationsquelleAutor Angel Angel

2

Wenn Sie delcare ein Feld außerhalb des Konstruktors ist es für tools, die statische Analyse, wie ein linter oder Autovervollständigung.

Wenn Sie Felder hinzufügen im Konstruktor, solche tools brauchen würde, den code zu analysieren flow (könnte es if, for, ...) in den Konstruktor, und es könnte abhängen auf Konstruktor-Parameter, wenn Felder erstellt werden, oder nicht. Dies macht es ziemlich schwierig und ist in der Regel nicht unterstützt.

Deklarieren der Felder außerhalb des Konstruktors ist für einen statischen Ansatz wie in Programmiersprachen, die kompiliert werden. Erstellen Sie im Konstruktor einen dynamischen Ansatz in der Regel nicht in kompilierte Sprachen.

Wenn es nur für die Initialisierung der Felder mit Literalwerten es ist auch übersichtlicher. Sie oft kann nicht einmal einen Konstruktor an alle.
```
class MyClass {
   startValue:number = 1;
}
```
Gibt es auch eine andere Möglichkeit mit einem Konstruktor
```
class MyClass {
  constructor(private someField:string) {}
}
```
das schafft auch ein private Feld (könnte auch public). Auf diese Weise macht auch das Feld, bekannt für die statische Analyse, da das Feld erstellt ist bedingungslos (nicht angewiesen auf Werte, die erst zur Laufzeit bekannt)

InformationsquelleAutor Günter Zöchbauer
1

Als Variablen definiert sind, Sie sind Mitglieder der Component1 Klasse und jede Instanz der Component1 Klasse hat eine name und ein age öffentliche Mitglieder bzw. string und number Arten.

Nach dem Typoskript ist transpiled, gibt es keinen Unterschied, ob Sie deklarieren Sie in der constructor oder als Mitglieder. Bevor es transpiled Sie haben jedoch Zugang zu diesen Mitgliedern, die von Instanzen dieser Klasse. Dadurch können Sie Fehler sehen, während Sie sind noch in der Entwicklung, wie zum Beispiel versuchen, die age einer Component1 auf etwas anderes aus einem number.
```
var x = new Component1(a, b);
x.age = "a"; //IDE/editor shows you have a problem here.
```
Der Unterschied kommt, wenn Sie eine Klasse definieren, Mitglied zu werden private. Dann es ist der Unterschied nach dem transpilation.

Hier einige docs auf TS-Klassen.

InformationsquelleAutor Konstantin Dinev

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.