Comment utiliser les espaces de noms en TypeScript

Un accident d’appel se produit lorsque 2 ou même plusieurs composants de code utilisent le même nom pour une variable, une fonction ou un cours. Ils sont fréquents dans les tâches importantes où de nombreux individus traitent la même base de code. Ils peuvent rendre difficile l’identification de l’élément de code en charge des parasites.

En utilisant les espaces de noms, vous pouvez organiser et manipuler votre code de sorte que les groupes de parties associées soient sous un identifiant commun. Cela réduira certainement le risque de conflits de nommage.

Création d’un espace de noms

Vous pouvez créer des espaces de noms dans TypeScript en faisant usage de l’option namespace phrase de recherche. Faites-la suivre d’un identifiant pour nommer l’espace de nom ainsi que d’un bloc délimité par des accolades. La structure de la phrase ressemble à celle que vous utiliseriez pour développer une classe en JavaScript.

Par exemple :

Vous pouvez ensuite indiquer les participants de l’espace de noms – variables, fonctionnalités et cours – dans le bloc de l’espace de noms :

Dans l’instance sur, Foo , Bar ainsi que baz sont des participants de la Exemple espace de noms. Par défaut, vous ne pouvez accéder aux participants d’un espace de noms qu’à l’intérieur de ce même espace de noms. Faites usage de la fonction export pour rendre chaque membre de l’espace de noms disponible au-delà de celui-ci.

Vous pouvez accéder à tous les participants facilement accessibles au public d’un espace de noms en appelant le nom du membre de l’espace de noms en utilisant la notation par points :

Les espaces de noms imbriqués

TypeScript vous permet d’imbriquer des espaces de noms dans divers autres espaces de noms afin de développer une structure ordonnée pour votre code. L’imbrication des espaces de noms peut mieux diminuer les risques de collisions de nommage en organisant les espaces de noms pertinents sous un identifiant typique.

Par exemple :

Le bloc de code ci-dessus fournit un exemple d’espace de noms imbriqué. Le site Exemple est l’espace de noms de haut niveau, y compris l’élément Bar et l’espace de noms Baz espace de noms.

Voir aussi :  7 raisons pour lesquelles l'apprentissage du HTML est essentiel pour tout développeur

Vous pouvez accéder aux propriétés résidentielles ou commerciales dans un espace de nom imbriqué en faisant usage de symboles de points conformes à la structure hiérarchique que vous avez créée.

Par exemple :

Cet exemple de code accède à chaque participant de l’espace de noms en utilisant l’espace de noms moms and dad. Accéder directement à une propriété résidentielle, au lieu d’utiliser son espace de noms parent, entraînerait certainement une erreur :

Bien que l’imbrication des espaces de noms puisse vous aider à organiser votre code, les espaces de noms profondément imbriqués peuvent générer le résultat inverse. Les espaces de noms profondément imbriqués rendent votre code plus difficile à réviser et aussi à conserver.

Alias d’espaces de noms

Un alias d’espace de nom est un nom réduit offert à un participant de l’espace de nom, ce qui le rend plus simple à référencer.

Vous pouvez développer un alias d’espace de noms en utilisant la fonction import phrase clé complétée par le nom que vous avez l’intention d’attribuer aux noms de plume. Ensuite, nommez le import ainsi que le nom d’alias à un participant de l’espace de nom.

Par exemple :

Cet exemple développe un nom de plume pour le Voiture. Tesla espace de nom. Vous pouvez utiliser cet alias pour accéder aux bâtiments de la catégorie Tesla comme la classe ModelX, de manière plus pratique.

Utilisation des espaces de noms dans plusieurs fichiers

Pour faire usage d’un espace de noms dans une donnée différente, vous devez l’importer. L’importation d’espaces de noms est différente de l’importation de variables, de fonctionnalités, de classes, et ainsi de suite. Selon le système de modules de votre tâche, vous pouvez les importer en utilisant l’un ou l’autre des éléments suivants . require ou de la balise import mot-clé.

Cependant, vous ne pouvez importer des espaces de noms qu’en utilisant la directive triple-slash, qui est une remarque d’une seule ligne ayant une balise XML.

Voir aussi :  Comment utiliser CSS pour changer la couleur de la police

Par exemple :

Cette instance utilise l’instruction inférieure à trois voies à l’intérieur d’une balise main. ts fichier. La directive fait référence à l’instruction index. ts qui se compose des documents Exemple espace de noms. Sans importation, l’espace de noms est juste disponible dans les mêmes données qui le définissent.

Après avoir référencé le index. ts vous pouvez accéder au fichier Exemple ainsi qu’à ses membres offerts publiquement. À titre d’exemple, vous pouvez appeler l’élément foo sur la méthode Exemple espace de nom.

Une fois que vous utilisez plusieurs données, vous devrez vous assurer que TypeScript compile et tonne tout le code nécessaire. Vous pouvez le faire en concaténant le résultat du compilateur TypeScript en utilisant l’élément outFile alternative. Cela permettra ensuite de rassembler toutes les soumissions d’entrée dans une seule donnée de résultat JavaScript. La syntaxe de base pour exécuter le compilateur comme ceci est :

Remplacer < JAVASCRIPT_FILE> avec le nom de vos données JavaScript cibles. Changez < TYPESCRIPT_FILE> avec le nom du fichier TypeScript composé de la régulation à trois barres obliques.

Par exemple :

Cette commande assemblera les composants du fichier principal. ts ainsi que tous les documents référencés par la directive triple-slash, dans le document index. js documents.

Alternativement, vous pouvez définir chaque donnée indépendamment :

Il est très important de garder à l’esprit que la directive triple-slash est juste légitime lorsqu’elle est énoncée en haut d’un fichier. Si vous essayez de l’utiliser ailleurs, TypeScript le traitera comme une remarque ordinaire d’une seule ligne, sans signification particulière.

Devriez-vous utiliser des espaces de noms ou des modules ?

Bien que les espaces de noms ne soient pas dépréciés, il est généralement recommandé d’organiser et de gérer votre code à l’aide de modules ES6. Les modules sont plus faciles à maintenir ainsi qu’à manipuler et vous pouvez les étendre à travers plusieurs fichiers.

Voir aussi :  Comment utiliser GitBook pour la documentation des API

En outre, vous pouvez définir les relations entre les composants en termes d’importations ainsi que d’exportations au niveau du fichier. Les espaces de noms ne peuvent pas définir leurs dépendances.

En fin de compte, la sélection entre les espaces de noms ainsi que les composants dépendra certainement des exigences et des besoins particuliers de votre travail, car les deux fournissent une méthode importante pour organiser et gérer le code dans TypeScript.

Abonnez-vous à notre e-newsletter

Comment fonctionne l’espace de noms dans TypeScript ?

L’espace de noms est utilisé pour le regroupement logique de fonctionnalités. Un espace de noms peut inclure des interfaces, des classes, des fonctions et des variables pour prendre en charge une seule ou un groupe de fonctionnalités connexes. Un espace de noms peut être créé en utilisant le mot-clé namespace suivi du nom de l’espace de noms.

Comment appeler un espace de noms en TypeScript ?

Nous pouvons créer un espace de noms en utilisant le mot-clé namespace suivi du nom de l’espace de noms. Toutes les interfaces, classes, fonctions et variables peuvent être définies dans les accolades{} en utilisant le mot-clé export. Le mot-clé export rend chaque composant accessible à l’extérieur des espaces de noms.

Faut-il utiliser les espaces de noms en TypeScript ?

Ce livre ultra-célèbre sur le typecript déclare : Pour la plupart des projets, nous recommandons d’utiliser des modules externes et d’utiliser namespace pour des démos rapides et le portage d’un ancien code JavaScript. TSLint a une règle prédéfinie pour éviter les namespaces.

Les espaces de noms sont-ils dépréciés dans TypeScript ?

Bien que les espaces de noms ne soient pas dépréciés, l’utilisation des espaces de noms comme mécanisme d’organisation du code dans votre base de code n’est pas toujours recommandée. Le code moderne devrait utiliser la syntaxe Module ES, car elle possède toutes les fonctionnalités fournies par les espaces de noms, et à partir d’ECMAScript 2015, elle est devenue partie intégrante de la spécification.

Cliquez pour évaluer cet article !
[Total: Moyenne : ]

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *