Typescript - Class

About

Classes in TypeScript are just a shorthand for the prototype-based OO

public is a shorthand that creates properties from the argument with the same name.

Example

  • a Student class with a constructor and a few public fields. <note tip>public is a shorthand that creates properties from the argument with the same name. The class has then 4 properties (fullName, firstName, middleInitial and lastName)</note>.
class Student {
    fullName: string;
    constructor(
        public firstName: string, 
        public middleInitial: string, 
        public lastName: string
     ) {
        this.fullName = firstName + " " + middleInitial + " " + lastName;
    }
}
  • As the Person interface share the same property names than the Student, a Student is also a Person
interface Person {
    firstName: string;
    lastName: string;
}
let user = new Student("Jane", "M.", "User");
  • And can be used in every function expecting a Person.
function greeter(person: Person) {
    return "Hello, " + person.firstName + " " + person.lastName;
}
document.body.textContent = greeter(user);

Powered by ComboStrap