5 nouvelles fonctionnalités JavaScript passionnantes en 2024

2024 JavaScript Core Caractéristiques Prospect

Cet article explorera en profondeur les nouvelles fonctionnalités JavaScript très attendues en 2024, qui sont les plus susceptibles d'être incluses dans la version ECMAScript de cette année: temporel, opérateurs de pipelines, dossiers et tuples, drapeaux réguliers / V et décorateurs.

Ecmascript Update

Une nouvelle version JS est publiée chaque année depuis la mise à jour ES6, et la version ES2024 de cette année devrait sortir vers juin. ES6 est une énorme mise à jour de version, six ans après son prédécesseur ES5. Les fabricants de navigateurs et les développeurs JavaScript sont tous submergés par un grand nombre de mises à jour de fonctionnalités. Pour éviter que cela ne se reproduise, une nouvelle version sera publiée chaque année par la suite.

La publication de nouvelles versions chaque année implique des propositions, des discussions, des évaluations et des votes du comité sur les nouvelles fonctionnalités. Ce processus permet également au navigateur d'essayer d'implémenter les fonctionnalités avant d'être officiellement ajoutés à la langue, ce qui aide à résoudre tout problème de mise en œuvre. Comme mentionné précédemment, les nouvelles fonctionnalités de JavaScript (ou ECMAScript) sont décidées par le comité technique 39 (TC39). TC39 est composé de représentants de tous les principaux fabricants de navigateurs et experts JavaScript. Ils se réunissent régulièrement pour discuter de nouvelles fonctionnalités du langage et comment les mettre en œuvre. De nouvelles fonctionnalités sont présentées sous forme de propositions, puis les membres du comité votent pour décider si chaque proposition peut passer à l'étape suivante. Chaque proposition a 4 étapes; Une partie importante de la spécification ES est qu'elle doit être compatible en arrière. Cela signifie qu'aucune nouvelle fonctionnalité ne peut "casser Internet" en modifiant la façon dont les versions ES précédentes s'exécutent. Par conséquent, ils ne peuvent pas modifier le fonctionnement des méthodes existantes, ils ne peuvent ajouter que de nouvelles méthodes, car tout site Web qui utilise des méthodes potentiellement préexistantes peut être menacée de crash. Une liste complète de toutes les propositions actuelles peut être consultée ici.

temporel

Dans l'enquête sur le statut JS 2022, la troisième réponse la plus courante à "Que pensez-vous que JavaScript manque le plus pour le moment?" Cela a conduit à l'avènement de la proposition temporelle, qui fournit un objet global standard pour remplacer l'objet de date et résout de nombreux problèmes que les développeurs JavaScript ont rencontrés dans le traitement des dates au fil des ans. La gestion des dates en JavaScript est presque toujours un mal de tête; devoir faire face aux différences subtiles mais ennuyeuses, comme les mois, sont indexés zéro, mais le nombre de jours dans le mois commence à 1. Les difficultés de date ont conduit à l'émergence de bibliothèques populaires telles que Moment, Day.js et Date-FNS, essayant de résoudre ces problèmes. Cependant, l'API temporelle est conçu pour résoudre tous les problèmes nativement. Temporal prendra en charge plusieurs fuseaux horaires et calendriers non géréens hors de la boîte et fournira une API facile à utiliser pour faciliter les dates d'analyse des chaînes. De plus, tous les objets temporels seront immuables, ce qui aidera à éviter toute erreur de changement de date inattendue. Examinons certaines des méthodes les plus utiles fournies par l'API temporelle.

• Temporal.Now.Instant() : Renvoie un objet DateTime qui est exact pour les nanosecondes. Vous pouvez utiliser la méthode from pour spécifier une date spécifique.

• PlainDate() : vous permet de créer un objet de date avec seulement des dates et pas de temps.

• PlainTime() : complété par PlainDate(), il vous permet de créer un objet temporel avec seulement du temps et pas de date.

• PlainMonthDay() : similaire à PlainDate, mais il ne renvoie que le mois et la date, aucune information d'année.

• PlainYearMonth() : De même, il y a PlainYearMonth, qui ne renvoie que l'année et le mois.

• Calcul : De nombreux calculs peuvent être effectués à l'aide d'objets temporels, tels que l'ajout et la soustraction de diverses unités de temps. Les méthodes until et since vous permettent de savoir combien de temps a été jusqu'à une date ou depuis son arrivée.

• Autres fonctionnalités : Vous pouvez extraire des années, des mois et des dates des objets de date, ainsi que des heures, des minutes, des secondes, des millisecondes, des microsecondes et des nanosecondes à partir d'objets temporels. L'objet de date temporelle aura également une méthode compare qui peut être utilisée pour trier les dates à l'aide de divers algorithmes de tri.

Temporal est actuellement une proposition de phase 3 qui est mise en œuvre par les fabricants de navigateurs, il semble donc que son temps soit mûr. Vous pouvez consulter la documentation complète ici. Il existe également une recette de cas d'utilisation utile ici. Lorsqu'il est combiné avec l'API Intl.DateTimeFormat, vous pourrez faire des opérations de date très intelligentes.

Opérateur de tuyaux

Dans l'enquête sur le statut JS 2022, la sixième réponse la plus courante à "Que pensez-vous que JavaScript manque le plus pour le moment?" Vous pouvez consulter la proposition de l'opérateur de pipeline ici. Les opérateurs de tuyaux sont une caractéristique standard dans les langages fonctionnels qui vous permettent de «tuyau» les valeurs d'une fonction à une autre, la sortie de la fonction précédente étant utilisée comme entrée à la fonction suivante.

L'opérateur de pipeline combine la facilité des appels de chaîne, mais peut être utilisé avec toute fonction que vous écrivez. La seule condition est que vous devez vous assurer que le type de sortie d'une fonction correspond au type d'entrée de la fonction suivante dans la chaîne. Les opérateurs de pipelines sont les mieux adaptés aux fonctions de curry qui acceptent uniquement un seul paramètre, qui est passé de la valeur de retour de toute fonction précédente. Il facilite la programmation fonctionnelle car les petites fonctions de blocs de construction peuvent être liées ensemble pour créer des fonctions composites plus complexes. Il rend également certaines applications plus faciles à mettre en œuvre.

enregistre et tuples

Les propositions d'enregistrement et de tuple sont conçues pour introduire des structures de données immuables dans JavaScript. Les tuples sont similaires aux tableaux - listes de valeurs portées, mais elles sont immuables en profondeur. Cela signifie que chaque valeur dans le tuple doit être la valeur d'origine, un autre enregistrement ou tuple (pas un tableau ou un objet, car ils sont mutables en javascript). Les enregistrements sont similaires à une collection d'objets - paires de valeurs clés, mais elles sont également immuables en profondeur.

L'immuabilité des tuples et des enregistrements

signifie que vous pouvez facilement les comparer en utilisant l'opérateur ===.

Expression régulière / V Flag

Des expressions régulières ont été incorporées dans JavaScript depuis la version 3, et de nombreuses améliorations ont été apportées depuis lors (par exemple le support Unicode en utilisant l'indicateur U dans ES2015). La proposition V-FLAG est conçue pour effectuer toutes les opérations effectuées par le FLAG U, mais elle ajoute également quelques avantages supplémentaires. Le drapeau / V résout également certains des problèmes avec le drapeau U en cas d'insensibilité, ce qui en fait un meilleur choix dans presque tous les cas. Le drapeau / v pour les expressions régulières a atteint la phase 4 en 2023 et a été mis en œuvre dans tous les principaux navigateurs, il devrait donc faire partie de la spécification ES2024.

décorateurs

La proposition de décorateur est destinée à utiliser des décorateurs pour étendre nativement les classes JavaScript. Les décorateurs sont déjà communs dans de nombreuses langues orientées objet telles que Python et sont déjà incluses dans TypeScript. Ce sont une abstraction de métaprogrammation standard qui vous permet d'ajouter des fonctionnalités supplémentaires à une fonction ou une classe sans modifier sa structure. Cette proposition ajoute du sucre de syntaxe, vous permettant de mettre facilement en œuvre des décorateurs dans votre classe sans considérer la liaison this à la classe. Il fournit un moyen plus clair d'étendre les éléments de classe tels que les champs de classe, les méthodes de classe ou les accessoires de classe, qui peuvent même être appliqués à l'ensemble de la classe.

Conclusion

Toutes ces fonctionnalités seront un ajout majeur à JavaScript, alors attendons et voyons s'ils peuvent être inclus cette année!

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!