TypeScript prend en charge les types personnalisés, qui peuvent être définis à l'aide de ' interface ' ou ' taper ”. Une interface peut être implémentée par une classe ou un objet, tandis qu'un alias de type ne peut être utilisé que pour créer un nouveau nom pour un type existant ou pour définir une union de types. Bien que les types et les interfaces soient fréquemment interchangeables, il existe certaines différences dans leurs fonctionnalités et leur syntaxe qui les rendent plus appropriés pour des scénarios particuliers.
Ce blog décrira l'interface et le type TypeScript et leur différence.
Qu'est-ce que l'interface TypeScript par rapport au type ?
' Interface ' et ' taper ” sont utilisés pour définir des types personnalisés dans TypeScript. Mais il existe certaines distinctions dans leur fonctionnalité et leur syntaxe. La principale différence entre une interface et un type est qu'une interface définit un nouveau type, contrairement à un alias de type.
Une interface peut être implémentée par une classe ou un objet, tandis que les types peuvent définir des types plus complexes à l'aide de fonctionnalités telles que les unions et les intersections. En général, les interfaces sont plus couramment utilisées pour définir des formes d'objets et des API, tandis que les types sont plus couramment utilisés pour définir des types de données complexes et des types d'utilitaires. Comprenons les deux séparément.
Qu'est-ce qu'une interface TypeScript ?
Une interface TypeScript est une technique permettant de définir la forme d'un objet TypeScript. Il est créé à l'aide du mot-clé ' interface ” et il spécifie un ensemble d'attributs et de méthodes dont un objet a besoin pour être classé comme appartenant à ce type. C'est l'équivalent d'une classe en programmation orientée objet ; cependant, il ne définit aucune implémentation. Les interfaces sont principalement utilisées pour vérifier le type et s'assurer qu'un objet est conforme à une structure spécifique.
Avant de continuer, gardez à l'esprit que pour exécuter un fichier TypeScript, il doit être transpilé dans un fichier JavaScript, puis exécuter le code JavaScript sur le terminal à l'aide des commandes données :
tsc nomfichier.tsnœud filename.js
Exemple
Créez une interface nommée 'User' qui définit trois attributs et une méthode ' getInfo() ” :
interface utilisateur {prénom : chaîne ;
nom : chaîne ;
âge : nombre ;
obtenir des informations ( ) : annuler;
}
Créer une classe ' Étudiant ” qui est hérité avec une interface. La classe définit ses attributs, un constructeur qui assignera les valeurs aux attributs, et une méthode « getInfo() » qui affichera les valeurs relatives aux attributs :
prénom : chaîne ;
nom : chaîne ;
âge : nombre ;
constructeur ( firstName : chaîne, lastName : chaîne, age : nombre ) {
this.firstName = firstName;
this.lastName = lastName;
this.age = age;
}
obtenir des informations ( ) : annuler {
console.log ( 'Informations sur l'étudiant :' )
console.log ( '- Nom: ' + this.firstName + ' ' + this.lastName ) ;
console.log ( '- Âge: ' + cet âge ) ;
}
}
Créer un objet de ' Étudiant ' nommé ' std ' de ' Utilisateur ” en appelant le constructeur avec le mot-clé “new” puis appelez la méthode getInfo() pour imprimer les données sur la console :
std.getInfo ( ) ;
Sortir
Qu'est-ce qu'un type TypeScript ?
Les types TypeScript sont principalement utilisés pour créer des alias pour les types existants ainsi que pour créer des types plus compliqués. Il représente une forme ou une structure spécifique de données. Il peut être défini/déclaré avec le ' taper ' mot-clé. Les types de TypeScript peuvent être utilisés pour rendre le code plus compréhensible et réduire les répétitions/duplications.
Exemple
Tout d'abord, définissez un type ' Utilisateur ' en utilisant le ' taper ” mot-clé spécifié avec cinq propriétés dont l'une est un attribut facultatif qui est “ téléphone ” :
taper Utilisateur = {prénom : chaîne ;
nom : chaîne ;
âge : nombre ;
e-mail : chaîne ;
téléphone ? : chaîne de caractères ;
} ;
Définissez une fonction nommée ' obtenirNomComplet », qui prend un paramètre de type « Utilisateur ' et imprime les données constituées des informations de la personne, y compris ' nom ”, “ âge ”, “ e-mail ' et ' numéro de téléphone ” :
console.log ( 'Informations de l'utilisateur:' )
console.log ( '- Nom: ' + personne.prénom + ' ' + personne.nom ) ;
console.log ( '- Âge: ' + personne.age ) ;
console.log ( '- E-mail: ' + personne.email ) ;
console.log ( '-Téléphone #: ' + personne.téléphone ) ;
}
Maintenant, créez un objet ' personne « du genre » Utilisateur ” avec des paires clé-valeur :
prénom: 'Mily' ,
nom de famille: 'Michel' ,
âge: 28 ,
e-mail: 'mili124@yahoo.com' ,
téléphone: '086-34581734'
} ;
Enfin, imprimez les informations utilisateur en appelant la fonction getInfo() :
Sortir
C'était tout à propos de l'interface et du type TypeScript.
Conclusion
Dans TypeScript, ' interface ' et ' taper ” sont utilisés pour définir des types personnalisés. Une interface peut être implémentée par une classe ou un objet, tandis que les types peuvent définir des types plus complexes à l'aide de fonctionnalités telles que les unions et les intersections. Ce sont les fonctionnalités puissantes qui peuvent aider à écrire un code plus organisé et évolutif. Ce blog décrit l'interface et le type TypeScript et leur différence.