자바스크립트 클래스를 이용한 객체 생성

이 글은 패스트캠퍼스의 김민태 typescript강의 중 일부입니다.

 

자바스크립트에서 객체를 생성하는 방법이 다양한데요. 아래 예제는 2가지 방법으로 객체를 생성했습니다. 첫번째 방법은 일반방법으로 객체생성방법이고 두번째 방법은 class로 객체정의를 감싸는 방법입니다.

/*
  객체를 생성할 때는 class를 활용하는 것을 추천
*/

type Box = {
  width: number,
  height: number
}

class Shape implements Box {
  width: number;
  height: number;

  constructor(width: number, height: number) {
    this.width = width;
    this.height = height;
  }
}

// 방법 1 - 객체를 바로 생성
const boxA: Box = {
  width: 200,
  height: 200
}

// 방법 2 - class를 객체로 감싸서 생성
const boxB = new Shape(10, 10);

 

유지보수를 위해 객체를 생성할 경우, 두번째 방법인 함수 또는 클래스를 이용한 방법이 좋다고 강의에서 설명합니다. 클래스로 정의하여 객체를 생성할 때는 코드를 구조화 시킬수 있는 장점이 있습니다. 그리고 클래스로부터 생성이 되었기 때문에 어떤 클래스로 만들어지는지 구별이 가능해집니다. 대표적인 예가 instanceof를 사용하여 객체 타입을 확인할 수 있습니다.

const boxB = new Shape(10, 10);

// 클래스 구분
if(boxB instanceof Shape){
  console.log("boxB is Shape");
}