15 Advanced TypeScript Tips for Development

DEV - 14/07
1.Enchaînement optionnel (?.): La chaîne optionnelle vous permet d'accéder en toute sécurité aux propriétés ou méthodes nichées...

1.Enchaînement optionnel (?.): La chaîne optionnelle vous permet d'accéder en toute sécurité aux propriétés ou méthodes nichées sans s'inquiéter des valeurs nulles ou non définies. Il courtcircuit l'évaluation si une propriété intermédiaire est nulle ou non définie.

const user = { name: 'John', address: { city: 'New York', postalCode: '12345' } }; const postalCode = user.address?.postalCode; console.log(postalCode); // Output: 12345 const invalidCode = user.address?.postalCode?.toLowerCase(); console.log(invalidCode); // Output: undefined
Saisissez le mode plein écran

2.Nullish Coalescing Operator (?): L'opérateur de charbonnage nullish fournit une valeur par défaut lorsqu'une variable est nulle ou non définie.

const name = null; const defaultName = name ?? 'Unknown'; console.log(defaultName); // Output: Unknown const age = 0; const defaultAge = age ?? 18; console.log(defaultAge); // Output: 0
Saisissez le mode plein écran

3. Type Assertion: L'affirmation de type vous permet de définir explicitement le type d'une variable lorsque TypeScript est incapable de l'enfer.

const userInput: unknown = 'Hello World'; const strLength = (userInput as string).length; console.log(strLength); // Output: 11
Saisissez le mode plein écran

4. Génétique: Les génériques vou...
[Courte citation de 8% de l'article original]