class 기본

• Object를 만드는 blueprint (청사진, 설계도)
• 클래스 이전에 object를 만드는 기본적인 방법은 function
• JavaScript에도 class는 es6부터 사용 가능
• OOP을 위한 초석
• TypeScript에서는 클래스도 사용자가 만드는 타입의 하나
• class 키워드를 이용하여 클래스를 만들 수 있다.
• class 이름은 보통 대문자를 이용한다.
• new를 이용하여 class를 통해 object를 만들 수 있다.
• constructor를 이용하여 object를 생성하면서 값을 전달할 수 있다.
• this를 이용해서 만들어진 object를 가리킬 수 있다.
• JS로 컴파일되면 es5의 경우 function으로 변경된다.

예제

예제를 실행하기 전에 es6로 변경해준다. (tsconfig.json)

TS 파일

class Person55 {
  name;
  constructor(name: string){
    this.name = name;
  }
}

const p12 = new Person55("Mark");

console.log(p12);

컴파일된 JS 파일

"use strict";
class Person55 {
    constructor(name) {
        this.name = name;
    }
}
const p12 = new Person55("Mark");
console.log(p12);

 

실행 화면