[Javasciprt] (ES6) Class 설계하기

자바로 클래스를 설계하는 일은 많지만 자바스크립트로 클래스 설계는 자주 안 하게 된다.

그러나 ES6로오면서 클래스 설계가 좀 더 가독성있고 명확해졌다.

자바스크립트 또한 강력한 객체 지향형 언어이기 때문에 클래스 설계하여 사용하게 되면 조금 더 나은 코드를 만들 수 있다.

간단하게 날짜 클래스를 만들어서 클래스의 기본인 생성자, Getter, Setter, Method, Static 등을 알아보도록 하겠다.

date.js

class Date {
  // 생성자
  constructor(year, month, day) {
    this.year = year;
    this.month = month;
    this.day = day;
  }

  // Getter, Setter는 변수 접근과 같은 방식으로 사용된다.
  // Getter 메소드
  get getYear() {
    return this.year;
  }

  // Setter 메소드
  set setYear(year) {
    this.year = year;
  }

  // 메소드
  getDate() {
    return `${this.year}-${this.month}-${this.day}`;
  }

  // Static 메소드
  static staticMethod() {
    return 'Static Method';
  }
}

// 객체 생성
const date = new Date('2019', '12', '05');

// 메소드 호출
console.log(date.getDate()); // 2019-12-05

// Setter 호출
date.year = '2018';

// Getter 호출
console.log(date.year); // 2018

// 메소드 호출
console.log(date.getDate()); // 2018-12-05

// Static 메소드 호출
console.log(Date.staticMethod()); // Static Method

이와 같이 간단하게 클래스 설계를 해보았지만 클래스 설계에 필요한 대부분의 기능은 구현할 수 있다.

여기선 구현하지 않았지만 상속 클래스 또한 구현할 수 있다.

다른 글 읽어보기 ⬇️