Voici quelques options de titre, se concentrant sur le problème et la solution tout en conservant un format de question : * Pourquoi TypeScript génère-t-il une erreur lors de l'utilisation de Array.prototype.includes() avec différents types

Sécurité des types dans Array.prototype.includes()

Lorsque vous travaillez avec TypeScript, il est crucial de comprendre les mécanismes de sécurité des types en place. Un exemple est la fonction Array.prototype.includes(searchElement), qui nécessite que le type de l'argument corresponde aux éléments du tableau. Cela peut prêter à confusion si l'entrée peut varier ou si la compatibilité des types semble évidente.

Dans l'exemple fourni, le type AllowedChars est défini et un tableau de ces caractères est créé. Lors de la vérification si une pression sur une touche (e.key) se trouve dans ce tableau à l'aide de include(), TypeScript génère une erreur car e.key est une chaîne, pas un AllowedChars. TypeScript suppose que searchElement doit avoir le même type que les éléments du tableau.

Pourquoi la correspondance de type est-elle nécessaire ?

La raison de cette correspondance de type stricte est d'éviter les accidents comparaisons entre types non liés. Par exemple, vérifier si une chaîne se trouve dans un tableau de nombres ne devrait pas être autorisé. En appliquant la compatibilité des types, TypeScript protège contre une logique incorrecte et garantit la cohérence.

Gérer l'incompatibilité des types

1. Assertion de type : Bien que tentant , l'utilisation d'assertions de type pour convertir e.key en AllowedChars est incorrecte car elle suppose que les entrées de l'utilisateur sont toujours conformes, ce qui peut ne pas être exact.
2. Remplacement de la bibliothèque : Il est possible de remplacer la bibliothèque TypeScript standard déclaration pour autoriser les supertypes, mais cela implique une fusion de déclarations complexes avec des types conditionnels.
3. Élargissement du tableau : La solution la plus simple et la plus correcte consiste à élargir le type du tableau pour accepter l'entrée souhaitée . Par exemple, remplacer exampleArr par readonly string[] permet la vérification de l'inclusion sans compromettre la sécurité des types.

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!