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

클래스에서 메소드 사용하기

• 클래스에 메소드를 정의하고 싶을 때

구문

메소드명() {처리내용} // 멤버 함수 정의

설명

클래스 내부의 함수를 클래스 메소드 멤버 함수라고 합니다. 클래스에 멤버 함수를 정의하기 위해서는 다음과 같이 기술합니다. 클래스 멤버 함수에 function은 사용하지 않도록 주의합시다. 정의할 수 있는 멤버 함수의 수는 제한이 없습니다.

class MyClass {
  constructor() {}
  myMethod() {
    return 'hello World';
  }
}

인스턴스(new 클래스명())의 멤버 함수 접근은 '인스턴스.멤버함수명'을 사용합니다.

class MyClassOne {
  myMethod1() {
    return 'hello World';
  }
  myMethod2() {
    return 1000;
  }
}
const my = new MyClassOne();
console.log(my.myMethod1());
console.log(my.myMethod2());

멤버 함수 내부의 this는 클래스 자신을 가리키며, 멤버 변수에 접근하고 싶은 경우 'this.필드명'을 사용합니다.

class MyClassTwo {
  constructor() {
    this.myField = '사자';
  }
  myMethod() {
    console.log(this.myField);
  }
}
const is = new MyClassTwo();
is.myMethod();