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

Метод 1: присвоение свойств в параметрах конструктора.
Один из способов использования сокращенного обозначения назначения конструктора — прямое присвоение значений параметров свойствам класса. Вот пример:

class Person {
  constructor(public name: string, public age: number) {}
}
const john = new Person("John Doe", 25);
console.log(john.name); // Output: John Doe
console.log(john.age); // Output: 25

В приведенном выше коде параметры конструктора nameи ageобъявлены с помощью ключевого слова public. Это сокращение автоматически присваивает значения параметров соответствующим свойствам класса, устраняя необходимость в явных объявлениях и назначениях свойств.

Метод 2. Инициализация свойств со значениями по умолчанию.
Используя сокращенное обозначение назначения конструктора, вы можете удобно указать значения по умолчанию для свойств класса. Рассмотрим следующий пример:

class Car {
  constructor(public make: string = "Unknown", public model: string = "Unknown") {}
}
const myCar = new Car();
console.log(myCar.make); // Output: Unknown
console.log(myCar.model); // Output: Unknown
const tesla = new Car("Tesla", "Model 3");
console.log(tesla.make); // Output: Tesla
console.log(tesla.model); // Output: Model 3

В приведенном выше коде параметрам конструктора makeи modelприсвоены значения по умолчанию. Если во время создания экземпляра объекта аргументы не указаны, будут использоваться значения по умолчанию.

Метод 3. Уничтожение и присвоение объекта.
Сокращенное обозначение назначения конструктора может работать в сочетании с деструктуризацией и присвоением объекта. Это позволяет вам извлекать определенные свойства из объекта и напрямую назначать их свойствам класса. Вот пример:

class Point {
  constructor(public x: number, public y: number) {}
}
const data = { x: 10, y: 20 };
const point = new Point(...Object.values(data));
console.log(point.x); // Output: 10
console.log(point.y); // Output: 20

В приведенном выше коде объект dataдеструктурируется с помощью Object.values()для получения массива значений свойств. Оператор распространения (...) затем передает эти значения в качестве аргументов конструктору Point, который присваивает их соответствующим свойствам класса.

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