// Опасно
const city = user.address.city;
// Ошибка, если address === undefined

// Многословно
const city = user && user.address && user.address.city;

// Безопасно и элегантно
const city = user?.address?.city ?? 'Не указан’;

const volume = settings.volume ?? 0.5;
// Если volume = 0, вернёт 0 — корректно

const volume = settings.volume || 0.5;
// Если volume = 0, вернёт 0.5 — нежелательное поведение

// Массивы
const first = users?.[0]?.name ?? 'Гость';

// Функции
onClick?.();

// Сложные цепочки
const price = product?.variants?.[0]?.price?.amount ?? 0;

let value1: any = "hello";
value1.toUpperCase();  // TS не проверяет
value1.someMethod(); // TS разрешает всё
value1.foo.bar.baz;      // Никаких проверок

let value2: unknown = "hello";
value2.toUpperCase();   // Ошибка компиляции!

// Нужна проверка типа:
if (typeof value2 === 'string') {
  value2.toUpperCase(); // Теперь работает
}

// Плохо
function parseResponse(response: any) {
  return response.data.user.name;
}

// Хорошо
function parseResponse(response: unknown) {
  if (
    response &&
    typeof response === 'object' &&
    'data' in response
  ) {
    // Type guard для безопасной работы
    return (response as {data: {user: {name: string}}}).data.user.name;
  }
  throw new Error('Invalid response');
}