{"id":388,"date":"2023-05-04T14:30:03","date_gmt":"2023-05-04T14:30:03","guid":{"rendered":"https:\/\/poyesis.fr\/blogs\/?p=388"},"modified":"2025-02-03T08:08:42","modified_gmt":"2025-02-03T08:08:42","slug":"typescript-5-0-quelles-sont-ses-nouveautes","status":"publish","type":"post","link":"https:\/\/poyesis.fr\/blogs\/typescript-5-0-quelles-sont-ses-nouveautes\/","title":{"rendered":"TypeScript 5.0 : quelles sont ses nouveaut\u00e9s ?"},"content":{"rendered":"

Le 16 mars, Microsoft a ravi les programmeurs et les aficionados des technologies web en annon\u00e7ant la sortie officielle de TypeScript 5.0.<\/p>\n

Depuis la version b\u00eata du langage de programmation open-source sign\u00e9e Microsoft, les dev web attendaient une version stable avec impatience.<\/p>\n

Ainsi, cette nouvelle version vous offre une r\u00e9duction du temps de construction des modules de 10 \u00e0 15 %. De plus, les packages sont 26 % moins volumineux que ceux de la version pr\u00e9c\u00e9dente.<\/p>\n

Mais limiter cette nouvelle version \u00e0 une simple optimisation serait une erreur. Deux nouvelles fonctionnalit\u00e9s ont su s\u00e9duire les d\u00e9veloppeurs\u00a0: l\u2019impl\u00e9mentation des d\u00e9corateurs et le typage des param\u00e8tres via \u201ctype const\u201d.<\/p>\n

Voyons-les en d\u00e9tail.<\/p>\n

Les d\u00e9corateurs<\/h2>\n

Cher Lecteur,<\/p>\n

En tant que d\u00e9veloppeur web, vous est-il d\u00e9j\u00e0 arriv\u00e9 de vouloir modifier le comportement d\u2019une fonction d\u2019une de vos biblioth\u00e8ques ? Si oui, alors vous avez d\u00fb r\u00e9\u00e9crire une partie de votre code-source.<\/p>\n

Le style de programmation orient\u00e9 objet et les interfaces facilitent r\u00e9duisent consid\u00e9rablement le nombre de lignes de codes \u00e0 retoucher. Mais soyons honn\u00eates\u00a0: d\u00e9velopper un code en modifiant constamment ces fonctions peut vite le rendre incompr\u00e9hensible.<\/p>\n

Et c\u2019est l\u00e0 qu’entre en jeu la nouvelle fonctionnalit\u00e9 du langage informatique TypeScript\u00a0: les d\u00e9corateurs.<\/p>\n

En utilisant une technique de programmation logicielle bas\u00e9e sur les d\u00e9corateurs, vous ne toucherez absolument pas aux lignes de codes de votre fonction.<\/p>\n

\u00c0 la place, vous en cr\u00e9erez une nouvelle fonction qui va \u00ab\u00a0d\u00e9corer\u00a0\u00bb la fonction que vous ciblez.<\/p>\n

Regardez plut\u00f4t l\u2019exemple officiel fourni par Microsoft.<\/p>\n

\"\"<\/p>\n

D\u00e9velopper une application en entrem\u00ealant les instructions d\u2019ex\u00e9cution et celles de d\u00e9bogage comme ci-dessus est rarement une bonne id\u00e9e. En le faisant, vous rendez vos scripts et librairies difficiles \u00e0 maintenir pour les autres d\u00e9veloppeurs web.<\/p>\n

Pour \u00e9viter cela, vous pouvez utiliser les d\u00e9corateurs.<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

 <\/p>\n

Ne trouvez-vous pas que le d\u00e9corateur loggedMethod<\/em> am\u00e9liore grandement la lisibilit\u00e9 et la syntaxe du code ?<\/p>\n

Face \u00e0 une biblioth\u00e8que constitu\u00e9e de plusieurs milliers de lignes de code, les d\u00e9corateurs peuvent faire toute la diff\u00e9rence.<\/p>\n

Si les d\u00e9corateurs vous int\u00e9ressent, ce billet de blog d\u00e9di\u00e9 au d\u00e9veloppement d\u2019application en langage python<\/a> est fait pour vous. Les langages de programmation sont diff\u00e9rents, mais le principe est identique.<\/p>\n

Le typage de param\u00e8tre constant<\/h2>\n

M\u00eame si TypeScript s\u2019appuie sur du code JavaScript, il fait partie des langages de programmation \u00e0 typage statique. Exactement comme le langage Java et le Swift.<\/p>\n

Ce n\u2019est que lorsqu\u2019il est pass\u00e9 \u00e0 l\u2019interpr\u00e8te de votre navigateur internet qu\u2019il assigne un type g\u00e9n\u00e9ral aux param\u00e8tres. On parle alors de compilation, ou transcompilation.<\/p>\n

Mais parfois, vous aurez besoin que votre application web prenne un type de donn\u00e9es sp\u00e9cifique en entr\u00e9e. Comment en \u00eatre certain\u00a0?<\/p>\n

Et c\u2019est l\u00e0 qu\u2019entre en jeu l\u2019autre fonctionnalit\u00e9 phare de cette nouvelle version\u00a0: le modificateur \u201cconst\u201d.<\/p>\n

Pour programmer votre fonction \u00e0 ne recevoir qu\u2019un seul type de donn\u00e9es, ajoutez ce modificateur \u00e0 la d\u00e9claration de param\u00e8tre de type. Vous indiquez ainsi au compilateur que l\u2019unique type accept\u00e9 est celui que vous avez d\u00e9fini lors du codage.<\/p>\n

En sp\u00e9cifiant les types attendus, vous vous \u00e9pargnez plusieurs heures de d\u00e9bogage. C\u00f4t\u00e9 client, vous limiterez la frustration caus\u00e9e par une exp\u00e9rience-utilisateur en r\u00e9duisant les bugs.<\/p>\n

Les autres fonctionnalit\u00e9s de TypeScript 5.0<\/h2>\n

TypeScript apporte aussi d\u2019autres surprises pour les d\u00e9veloppeurs web et les utilisateurs de frameworks bas\u00e9s sur ce dernier. Notamment\u00a0:<\/p>\n