В TypeScript эффективная обработка нулевых и неопределенных значений имеет решающее значение для обеспечения надежного и безошибочного кода. В этой статье будут рассмотрены различные методы и приемы выполнения проверок на пустые и неопределенные значения в TypeScript, а также приведены примеры кода для каждого подхода. К концу вы получите полное представление о том, как обрабатывать нулевые и неопределенные значения в ваших проектах TypeScript.

1. Необязательный оператор цепочки (?.):
   Необязательный оператор цепочки (?.) — это удобный способ выполнять проверки на значения NULL и неопределенные при доступе к вложенным свойствам или вызовам методов. Это позволяет безопасно перемещаться по свойствам объекта, не вызывая ошибок. Вот пример:

const person = {
  name: 'John',
  address: {
    city: 'New York',
  },
};
const cityName = person?.address?.city;
console.log(cityName); // Output: 'New York'

1. Нулевой оператор объединения (??):
   Нулевой оператор объединения (??) обеспечивает краткий способ присвоения резервного значения при обнаружении значения NULL или неопределенного значения. Он возвращает значение правой части, только если левая часть равна нулю или неопределена. Вот пример:

const name = null;
const fallbackName = name ?? 'Unknown';
console.log(fallbackName); // Output: 'Unknown'

1. Защита типа.
   Защита типа — это мощная функция TypeScript, которая позволяет сузить тип переменной на основе проверок во время выполнения. Вы можете использовать защиту типа для явной проверки нулевых и неопределенных значений. Вот пример:

function processValue(value: string | null | undefined) {
  if (value !== null && value !== undefined) {
    // Type of 'value' is narrowed down to 'string' here
    console.log(value.toUpperCase());
  }
}
processValue('hello'); // Output: 'HELLO'

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

function printLength(value: string | null | undefined) {
  const length = value!.length;
  console.log(`Length: ${length}`);
}
printLength('hello'); // Output: Length: 5

1. Необязательные параметры и значения по умолчанию.
   Вы можете определить необязательные параметры в TypeScript, добавив вопросительный знак (?) к имени параметра, и указать значения по умолчанию с помощью оператора присваивания (=). Это позволяет корректно обрабатывать нулевые и неопределенные значения. Вот пример:

function greet(name?: string) {
  const greeting = `Hello, ${name || 'stranger'}!`;
  console.log(greeting);
}
greet(); // Output: Hello, stranger!

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

Применяя эти методы, вы повысите стабильность и надежность своих проектов TypeScript, одновременно снизив вероятность ошибок во время выполнения, вызванных нулевыми и неопределенными значениями.