[책] 자바스크립트 코드 레시피 278 - 227일차

클래스 정의하기

• 특정 기능을 클래스로 만들고 싶을 때
• 자바스크립트에서 객체지향 프로그래밍을 구현하고 싶을 때

구문

키워드 class를 사용해 클래스를 선언하며, 클래스명은 카멜 케이스CamelCase(첫 글자를 대문자로 하여 단어를 연결하는 방법)를 이용하는 것이 일반적입니다.

class 클래스명 {}

설명

클래스에 constructor()를 삽입하면 초기화 시 해당 메소드가 실행되며, constructor()문의 삽입은 한 번만 가능합니다.

// 클래스
class MyClass {
  constructor() {
    console.log('클래스 초기화되었습니다.');
  }
}

실습

클래스 초기화 시 초깃값을 constructor()의 인수로 전달하여 외부 값을 사용할 수 있습니다.

// 클래스
class MyClass {
  constructor(value1, value2) {
    console.log(`${value1}`);
    console.log(`${value2}`);
  }
}
new MyClass('여우', 24);

---

클래스는 고유의 변수와 함수를 가질 수 있으며, 이 요소를 멤버라고 합니다.

// 클래스
class MyClass {
    constructor(value1, value2) {
        // console.log(`${value1}`);
        // console.log(`${value2}`);
        this.myField = '사자';
    }
    myMethod() {
        console.log(this.myField);
    }
}
new MyClass().myMethod();