Ошибки компиляции могут стать головной болью для разработчиков, особенно при работе с TypeScript. Соблазнительно использовать комментарий «// @ts-ignore», чтобы быстро подавить эти ошибки и продолжить работу с кодом. Однако такой подход может привести к еще большим проблемам в будущем. В этой статье мы рассмотрим несколько альтернативных методов эффективной обработки ошибок компиляции, не прибегая к использованию «// @ts-ignore». Итак, приступим!

1. Используйте типы объединения TypeScript.
   Один из эффективных способов обработки ошибок компиляции — использование типов объединения. Определив тип, который может принимать несколько типов, вы можете учесть различные сценарии и обеспечить безопасность типов. Давайте рассмотрим пример, где у нас есть функция, которая принимает либо строку, либо число:

function printValue(value: string | number): void {
  console.log(value);
}
printValue("Hello"); // No compilation error
printValue(42); // No compilation error
printValue(true); // Compilation error: Argument of type 'boolean' is not assignable to parameter of type 'string | number'

1. Используйте защиту типа TypeScript:
   Защита типа позволяет сузить тип переменной внутри условного блока. Это может быть удобно при работе с потенциально проблемными значениями. Предположим, у нас есть массив значений, которые могут быть строками или числами:

function printArrayValues(arr: (string | number)[]): void {
  for (const value of arr) {
    if (typeof value === "string") {
      console.log(value.toUpperCase());
    } else {
      console.log(value.toFixed(2));
    }
  }
}
printArrayValues(["Hello", 3, "World", 7]); // No compilation error

1. Использование утверждения типа.
   Утверждения типа позволяют вручную переопределить предполагаемый тип переменной. Хотя его следует использовать с осторожностью, в определенных сценариях он может быть полезен. Давайте рассмотрим пример, в котором вы работаете с ответом API и вам необходимо привести его к определенному типу:

interface User {
  name: string;
  age: number;
}
const response: unknown = {
  name: "John Doe",
  age: 25,
};
const user = response as User; // Casting response to User type
console.log(user.name); // No compilation error
console.log(user.age); // No compilation error

1. Используйте оператор ненулевого утверждения TypeScript:
   Если вы уверены, что переменная не будет иметь значение NULL или неопределенная, вы можете использовать непустой оператор утверждения (!), чтобы указать TypeScript рассмотреть ее. как таковой. Однако будьте осторожны, поскольку при неправильном использовании этот подход может привести к ошибкам во время выполнения.

function printLength(str: string | null): void {
  console.log(str!.length); // No compilation error
}
printLength("Hello"); // No compilation error
printLength(null); // No compilation error

Вместо того, чтобы прибегать к комментариям «// @ts-ignore», чтобы заглушить ошибки компиляции, лучше обрабатывать их более надежным и типобезопасным способом. Используя такие функции TypeScript, как типы объединения, средства защиты типов, утверждения типов и ненулевые операторы утверждения, вы можете обеспечить лучшее качество кода и выявить потенциальные ошибки на раннем этапе. Итак, давайте воспользуемся этими альтернативами и напишем более надежный код TypeScript!