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

Метод 1: использование оператора typeof
Один простой метод проверки неопределенных значений — использование оператора typeof. Вот пример:

function checkUndefined(value: any) {
  if (typeof value === 'undefined') {
    console.log('Value is undefined');
  } else {
    console.log('Value is defined');
  }
}
const exampleValue = undefined;
checkUndefined(exampleValue);

Метод 2: использование оператора ===
Другой распространенный подход – прямое сравнение значения со значением undefinedс помощью оператора ===:

function checkUndefined(value: any) {
  if (value === undefined) {
    console.log('Value is undefined');
  } else {
    console.log('Value is defined');
  }
}
const exampleValue = undefined;
checkUndefined(exampleValue);

Метод 3: использование необязательного оператора цепочки
В версии 3.7 в TypeScript появился необязательный оператор цепочки (?.), который обеспечивает краткий способ проверки неопределенных значений при доступе к вложенным свойствам или методам. :

const obj = {
  property: {
    nestedProperty: 'value',
  },
};
console.log(obj.property?.nestedProperty); // Output: value
console.log(obj.property?.nonexistentProperty); // Output: undefined

Метод 4: использование нулевого оператора объединения
Нулевой оператор объединения (??) – это еще один мощный инструмент, который можно использовать для проверки неопределенных значений и предоставления резервного варианта по умолчанию. Вот пример:

function getValue(value: string | undefined) {
  const result = value ?? 'Default Value';
  console.log(result);
}
const exampleValue = undefined;
getValue(exampleValue); // Output: Default Value

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