클래스를 통한 캡슐화, 은닉화

클래스란?

클래스(Class)는 객체 지향 프로그래밍에서 특정 객체를 생성하기 위해 변수와 메소드를 정의하는 일종의 틀로, 객체를 정의하기 위한 상태(멤버 변수)와 메서드(함수)로 구성된다.<위키백과>

장점

1. 데이터 접근 제어

2. 내외부 데이터 노출 구분 가능

3. 객체의 재사용성 ↑

클래스 선언

- 타입 지정

// 인터페이스 선언
interface Inherit {
  id: number;
  name: string;
}

- 클래스 선언

// 클래스 선언 & 인터페이스 연결
class User implements Inherit {
/**
 * 접근제한자 Private, 필드 선언
 * 필드 선언함으로 언제나 존재하고 있는 상태로 인식
 * _는 자바스크립트 내부에서 암묵적으로 Private로 인식하겠다라는 의미
 */
private _id: number;
private _name: string;
}

- 생성자 선언

// 생성자(constructor) 선언
/**
 * constructor는 초기화하기 위한 메서드
 * 메서드 안에 인스턴스 정의
 */
constructor (
  id: number;
  name: string;
) {
  this._id = id;
  this._name = name;
}

- getter, setter로 예외처리

//
/**
 * getter 사용
 * get으로 값을 사용하려고 시도하면 메모리에 저장된 값을 불러오지 않고 getter를 호출한다.
 * setter가 없어도 기본적으로 getter가 실행한다. getter, setter 둘다 있으면 setter를 실행한다.
 */
get id() {
  return this._id;
}
/**
 * setter 사용(예외처리)
 * setter를 추가하면 값을 할당하려고 시도하면 값에 직접 할당하지 않고 바로 setter를 호출한다.
 * setter로 데이터 값을 바꿀수도 있다.
 */
set id(value) {
  if(value > 10) {
    console.log("테스트");
  }
  this._id = value;
}

get name() {
  return this._name;
}

- 결과

const x = new User(1, "${...}")
console.log("x:", x) // x: 1, ${...}

- 리팩토링

class User implements Inherit {
  // 필드와 인스턴스 속성을 파라미터에서 선언해주면 전달하는 값 동일
  constructor (
    private _id: number;
    private _name: string;
  ) {}
}

끝마치며