javascript class (1)

Posted on Edited on In

javascript 클래스 사용법 예시1

현재 react 에서 클래스형 component를 사용하는 일은 드물지만 클래스를 통한 객체 방식의 이해는 필수적이다. javascript에서는 function도 객체이며 array도 객체이다.
객체화 하여서 하나의 데이터를 뽑아오는 일은 심심하면 일어나는 일이라서 한번 더 정리해보고자 공식 문서의 힘을 빌렸다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

class Rectangle {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }
  // Getter
  get area() {
    return this.calcArea();
  }
  // 메서드
  calcArea() {
    return this.height * this.width;
  }
}

const square = new Rectangle(10, 10);

console.log(square.area); // 100

리엑트에서 일어나는 일의 대부분이 클래스 객체에서도 발생한다. 바인딩 문제,this문제, 상속을 통한 새로운 기능 확보 등등 간단하게 다시 한번 정리가 필요한 부분이 생긴다면 추가할 예정이다.