Erstellen von wiederverwendbaren Basisklassen in Typenkript mit einem realen Beispiel

Dieser Artikel befasst sich mit der Erstellung wiederverwendbarer Basisklassen in TypeScript und erweitert einen früheren Beitrag zur Konvertierung von TypeScript. Während dieser Beitrag allein steht, bietet der verknüpfte Beitrag wertvolle Erkenntnisse in das Umschreiben von Codebase und die Einheitstests.

Johnny-Five, eine IoT- und Robotics-Bibliothek für Node.js, vereinfacht die Hardware-Interaktion mit einem JQuery-ähnlichen Ansatz: Normalisierung der Unterschiede zwischen Plattformen und Bereitstellung von Abstraktionen auf höherer Ebene. Es unterstützt verschiedene Plattformen über IO -Plugins, einschließlich Arduino, Tessel und Raspberry Pi. Raspi Io, ein Plugin unterstützend Raspberry Pi, wurde in Typenkript umgeschrieben, was zur Erstellung einer wiederverwendbaren Basisklasse führte.

Entwerfen einer wiederverwendbaren Basisklasse

Für diejenigen, die mit klassenbasiertem Vererbung nicht vertraut sind, bietet eine Basisklasse eine gemeinsame Struktur und Funktionalität, die sich die Unterklassen ausdehnen können. Betrachten Sie dieses vereinfachte TypeScript -Beispiel:

 Abstraktes Klassenautomobil {
  private _speed: number = 0;
  private _direction: number = 0;
  öffentlicher Drive (Geschwindigkeit: Nummer): void {
    this._speed = Geschwindigkeit;
  }

  öffentliche Kurve (Richtung: Nummer): void {
    if (Richtung> 90 || Richtung <p> Diese <code>Automobile</code> -Basisklasse wird erweitert, um eine <code>Sedan</code> zu erstellen. Alle Methoden beider Klassen sind zugänglich. In ähnlicher Weise wurde eine <code>AbstractIO</code> Basisklasse für die IO-Plugins von Johnny-Five erstellt.</p><h3 id="Implementierung-von-Abstractio"> Implementierung von Abstractio</h3><p> <code>AbstractIO</code> ist ein NPM -Paket, das eine Basisklasse bietet, die sowohl den Best Practices TypeScript- als auch den JavaScript -Best Practices entspricht. Untersuchen wir die <code>MODES</code> -Eigenschaft und <code>digitalWrite</code> -Methode:</p><p> Die Eigenschaft <code>MODES</code> ist ein Objektzuordnungsmodus (Eingabe, Ausgabe usw.) für numerische Konstanten. In TypeScript ist ein Enum ideal, aber JavaScript fehlt diese Funktion. Die Lösung? Eine Typscript -Enum wird intern verwendet und einem JavaScript -Objekt extern zugeordnet:</p><pre class="brush:php;toolbar:false"> Exportieren des Enum -Modus {
  Input = 0,,
  Ausgabe = 1,,
  Analog = 2,
  Pwm = 3,
  Servo = 4,
  Stepper = 5,
  Unbekannt = 99
}

public Get modes () {
  zurückkehren {
    Eingabe: modus.input,
    Ausgabe: modus.output,
    Analog: Modus.Analog,
    PWM: modus.pwm,
    Servo: modus.servo,
    Unbekannt: modus.Unnown
  };
}

Für Methoden, die Unterklassenüberschreibungen erfordern (wie digitalWrite ), wurde ein JavaScript -Ansatz angewendet: Ein Fehler in der Basisklasse zu werfen:

 public digitalWrite (PIN: String | Nummer, Wert: Nummer): void {
  Neuen Fehler werfen (`digitalWrite wird nicht von $ {this.name}`) unterstützt;
}

Dies funktioniert sowohl in TypeScript als auch in JavaScript, obwohl TypeScript keine Warnungen für nicht übertriebene Methoden enthält.

Wichtige Erkenntnisse

Der Entwurfsprozess für Typscript und JavaScript hat diese wichtigen Punkte hervorgehoben:

1. Priorisieren Sie gemeinsame Best Practices.
2. Wenn Konflikte auftreten, verwenden Sie die Best Practices von TypeScript intern und ordnen Sie sie extern auf JavaScript ab.
3. Wenn weder funktioniert, standardmäßig die Best Practices von JavaScript.

Abstrakte Klassen erwiesen sich in JavaScript weniger nützlich, und die Enten -Typing über Module hinweg stellten Wartungsherausforderungen dar. Das iterative Feedback der Bibliotheksverbraucher war für ein erfolgreiches Design von entscheidender Bedeutung.

Abschluss

Das Erstellen von Basisklassen sowohl für Typscript- als auch für JavaScript -Benutzer ist erreichbar, obwohl einige Kompromisse erforderlich sind. AbstractIO dient erfolgreich beide Gemeinschaften und zeigt, dass ein Gleichgewicht getroffen werden kann.

Das obige ist der detaillierte Inhalt vonErstellen von wiederverwendbaren Basisklassen in Typenkript mit einem realen Beispiel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!