[코딩애플] 타입스크립트에서의 class : constructor, prototype 타입지정

타입스크립트에서 class의 constructor 사용하기

일반적인 JavaScript 클래스 및 객체 생성의 예시이다.

// JavaScript
class Candidate {
  constructor(personality, age, gender) {
    this.personality = personality;
    this.age = age;
    this.gender = gender;
  }
}

const candidate1 = new Candidate('good', 28, 'woman');

JavaScript에서는 타입 정보를 명시적으로 선언하지 않는다. 그렇게 때문에 위처럼만 표기해도 되지만, 타입스크립트에서는 각 속성과 매개변수에 타입지정을 해주어야 한다.

// TypeScript
class Candidate {
  personality: string;
  age: number;
  gender: string;

  constructor(personality: string, age: number, gender: string) {
    this.personality = personality;
    this.age = age;
    this.gender = gender;
  }
}

const candidate1 = new Candidate('good', 28, 'woman');

constructor에는 복제되는 것이 항상 object이기 때문에 return 타입을 지정할 필요는 없다.

---

타입스크립트에서 class prototype에 methods 함수 만들기

class Candidate {
  personality: string;
  age: number;
  gender: string;

  constructor(personality: string, age: number, gender: string) {
    this.personality = personality;
    this.age = age;
    this.gender = gender;
  }

  selectCadidate(message :string){
    console.log(message)
  }
}

const candidate1 = new Candidate('good', 28, 'woman');
candidate1.selectCadidate('안녕하세요?');

파라미터 & return 타입지정 자유롭게 할 수 있다.

---

출처 : 코딩애플 https://codingapple.com/ / TypeScript Documentation https://www.typescriptlang.org/docs/handbook/2/objects.html