Классы представляют собой общие поведения и атрибуты группы связанных объектов.

Например, нашим классом может быть Student, у каждого из которых есть метод attendClass. С другой стороны, John является отдельным экземпляром типа Student и может иметь дополнительные уникальные поведения, такие как attendExtracurricular.

Вы объявляете классы с помощью ключевого слова class:

class Student {
	studCode: number;
	studName: string;
	constructor(code: number, name: string) {
		this.studName = name;
		this.studCode = code;
	}
}

В TypeScript, при объявлении свойств классов, нельзя использовать ключевое слово const. При попытке использования этого ключевого слова выводится следующее сообщение об ошибке: A class member cannot have the ‘const’ keyword. В TypeScript 2.0 имеется модификатор readonly, позволяющий создавать свойства класса, предназначенные только для чтения:

class MyClass {
    readonly myReadonlyProperty = 1;
 
    myMethod() {
        console.log(this.myReadonlyProperty);
    }
}
 
new MyClass().myReadonlyProperty = 5; // ошибка, так как свойство предназначено только для чтения

Вы можете использовать функцию super() для вызова конструктора базового класса.

class Animal {
  name: string;
  constructor(theName: string) {
    this.name = theName;
  }
  move(distanceInMeters: number = 0) {
    console.log(`${this.name} moved ${distanceInMeters}m.`);
  }
}
 
class Snake extends Animal {
  constructor(name: string) {
    super(name);
  }
  move(distanceInMeters = 5) {
    console.log("Slithering...");
    super.move(distanceInMeters);
  }
}

TypeScript позволяет объявлять множество вариантов методов, но реализация может быть лишь одна, и эта реализация должна иметь сигнатуру, совместимую со всеми вариантами перегруженных методов. Для перегрузки конструктора класса можно воспользоваться несколькими подходами:

• Можно воспользоваться необязательным параметром:

  class Box {
    public x: number;
    public y: number;
    public height: number;
    public width: number;
   
    constructor();
    constructor(obj: IBox);
    constructor(obj?: any) {
      this.x = (obj && obj.x) || 0;
      this.y = (obj && obj.y) || 0;
      this.height = (obj && obj.height) || 0;
      this.width = (obj && obj.width) || 0;
    }
  }

• Можно воспользоваться параметрами по умолчанию:

  class Box {
    public x: number;
    public y: number;
    public height: number;
    public width: number;
   
    constructor(obj: IBox = { x: 0, y: 0, height: 0, width: 0 }) {
      this.x = obj.x;
      this.y = obj.y;
      this.height = obj.height;
      this.width = obj.width;
    }
  }

• Можно использовать дополнительные перегрузки в виде методов статической фабрики:

  class Person {
    static fromData(data: PersonData) {
      let { first, last, birthday, gender = "M" } = data;
      return new this(`${last}, ${first}`, calculateAge(birthday), gender);
    }
   
    constructor(
      public fullName: string,
      public age: number,
      public gender: "M" | "F",
    ) {}
  }
   
  interface PersonData {
    first: string;
    last: string;
    birthday: string;
    gender?: "M" | "F";
  }
   
  let personA = new Person("Doe, John", 31, "M");
  let personB = Person.fromData({
    first: "John",
    last: "Doe",
    birthday: "10-09-1986",
  });

• Можно использовать тип-объединение:

  class foo {
    private _name: any;
    constructor(name: string | number) {
      this._name = name;
    }
  }
  var f1 = new foo("bar");
  var f2 = new foo(1);

Назад