Création de classes de base réutilisables dans TypeScript avec un exemple réel

Cet article se plonge sur la création de classes de base réutilisables dans TypeScript, en détendant un article précédent sur la conversion TypeScript. Bien que ce message soit seul, la publication liée offre des informations précieuses sur la réécriture de la base de code et les tests unitaires.

Johnny-Five, une bibliothèque IoT et robotique pour Node.js, simplifie l'interaction matérielle à l'aide d'une approche de type jQuery: normaliser les différences entre les plates-formes et fournir des abstractions de niveau supérieur. Il prend en charge diverses plates-formes via des plugins IO, notamment Arduino, Tessel et Raspberry Pi. Raspi IO, un plugin prenant en charge Raspberry Pi, a été réécrit dans TypeScript, conduisant à la création d'une classe de base réutilisable.

Concevoir une classe de base réutilisable

Pour ceux qui ne connaissent pas l'héritage basé sur la classe, une classe de base fournit une structure et une fonctionnalité communes que les sous-classes peuvent étendre. Considérez cet exemple de dactyloage simplifié:

 Automobile de classe abstraite {
  Private _Speed: numéro = 0;
  _direction privée: numéro = 0;
  Public Drive (vitesse: numéro): void {
    this._speed = Speed;
  }

  Turn public (direction: numéro): void {
    if (Direction> 90 || Direction <p> Cette classe de base <code>Automobile</code> est étendue pour créer une classe <code>Sedan</code> . Toutes les méthodes des deux classes sont accessibles. De même, une classe de base <code>AbstractIO</code> a été créée pour les plugins IO de Johnny-Five.</p><h3 id="Implémentation-de-AbstrAtio"> Implémentation de AbstrAtio</h3><p> <code>AbstractIO</code> est un package NPM fournissant une classe de base conforme aux meilleures pratiques de type dactylographiques et javascript. Examinons la méthode de la propriété et <code>digitalWrite</code> <code>MODES</code> :</p><p> La propriété <code>MODES</code> est un nom de mode de mappage d'objets (entrée, sortie, etc.) dans des constantes numériques. Dans TypeScript, une enum est idéale, mais JavaScript n'a pas cette fonctionnalité. La solution? Une énumération de typeScript est utilisée en interne, mappée sur un objet JavaScript à l'extérieur:</p><pre class="brush:php;toolbar:false"> Mode Enum Exporter {
  Entrée = 0,
  Sortie = 1,
  Analog = 2,
  Pwm = 3,
  Servo = 4,
  Stepper = 5,
  Inconnu = 99
}

public get modes () {
  retour {
    Entrée: mode.input,
    Sortie: mode.output,
    Analogique: mode.analog,
    Pwm: mode.pwm,
    Servo: mode.servo,
    Inconnu: mode.unknown
  };
}

Pour les méthodes nécessitant des remplacements de sous-classe (comme digitalWrite ), une approche JavaScript a été adoptée: lancer une erreur dans la classe de base:

 public numériquewrite (broche: chaîne | numéro, valeur: numéro): void {
  Jetez une nouvelle erreur (`DigitalWrite n'est pas prise en charge par $ {this.name}`);
}

Cela fonctionne à la fois dans TypeScript et JavaScript, bien que TypeScript manque d'avertissements pour les méthodes non-revêtements.

Apprentissages clés

Le processus de conception pour TypeScript et JavaScript a mis en évidence ces points clés:

1. Prioriser les meilleures pratiques courantes.
2. Si des conflits surviennent, utilisez les meilleures pratiques TypeScript en interne et mappez-les à JavaScript à l'extérieur.
3. Si aucun ne fonctionne, les meilleures pratiques JavaScript par défaut.

Les classes abstraites se sont révélées moins utiles en JavaScript et le typage de canard dans les modules a présenté des défis de maintenance. Les commentaires itératifs des consommateurs de bibliothèques ont été cruciaux pour une conception réussie.

Conclusion

La création de classes de base pour les utilisateurs de typeScript et JavaScript est réalisable, bien que certains compromis soient nécessaires. AbstractIO sert avec succès les deux communautés, démontrant qu'un équilibre peut être trouvé.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!