TypeScript – популярный язык программирования, добавляющий статическую типизацию в JavaScript. Он предоставляет разработчикам мощные инструменты для повышения качества и удобства сопровождения кода. Одной из примечательных особенностей TypeScript является нотация «Переменная?: Тип», которая позволяет использовать необязательные аннотации типов в объявлениях переменных. В этой статье мы рассмотрим различные методы использования этой записи, а также приведем примеры кода.

1. Основное использование:
   Самый простой способ использовать нотацию «Переменная?: Тип» — объявить переменную с необязательным типом. Это означает, что переменная может либо содержать значение указанного типа, либо быть неопределенной.

let username?: string;
username = "John";
console.log(username); // Output: John
username = undefined;
console.log(username); // Output: undefined

1. Необязательные параметры функции:
   Обозначение «Переменная?: Тип» особенно полезно при определении необязательных параметров функции. Используя это обозначение, мы можем указать, что параметр можно опустить при вызове функции.

function greet(name?: string) {
  if (name) {
    console.log(`Hello, ${name}!`);
  } else {
    console.log("Hello, anonymous!");
  }
}
greet("John"); // Output: Hello, John!
greet(); // Output: Hello, anonymous!

1. Дополнительные свойства объекта:
   При работе с объектами мы можем сделать определенные свойства необязательными, используя обозначение «Переменная?: Тип». Это позволяет нам определять объекты, которые могут иметь или не иметь определенные свойства.

interface Person {
  name: string;
  age?: number;
}
const john: Person = { name: "John" };
console.log(john); // Output: { name: "John" }
const jane: Person = { name: "Jane", age: 25 };
console.log(jane); // Output: { name: "Jane", age: 25 }

1. Необязательное связывание.
   Необязательный оператор связывания (?.) — это мощная функция TypeScript, которая хорошо работает с нотацией «Переменная?: Тип». Это позволяет нам получать доступ к вложенным дополнительным свойствам, не вызывая ошибки, если какое-либо из промежуточных свойств не определено.

interface Address {
  city?: string;
}
interface Person {
  name: string;
  address?: Address;
}
const john: Person = { name: "John" };
console.log(john.address?.city); // Output: undefined
const jane: Person = { name: "Jane", address: { city: "New York" } };
console.log(jane.address?.city); // Output: New York

В этой статье мы рассмотрели различные способы использования нотации «Переменная?: Тип» в TypeScript. Мы увидели, как его можно использовать в объявлениях переменных, параметрах функций и свойствах объектов. Кроме того, мы узнали о необязательной цепочке, которая дополняет это обозначение. Используя эти функции, разработчики могут писать более гибкий и надежный код на TypeScript.