[JavaScript] 자바스크립트 클래스에서 메소드(Method) 사용하기

256_자바스크립트 클래스에서 메소드(Method) 사용하기

[적용]

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

---

[문법]

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

---

[내용]

클래스 내부의 함수를 클래스 메소드 멤버 함수라고 한다.

클래스에 멤버 함수를 정의하기 위해서는 다음과 같이 기술한다.

클래스 멤버 함수에 function은 사용하지 않도록 주의하자.

정의할 수 있는 멤버 함수의 수는 제한이 없다.

JavaScript 

class MyClass {
  constructor() {}
  
  myMethod() {
    return 'Helloworld';
  }
}

 

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

JavaScript 

class MyClass {
  myMethod() {
    return 'Helloworld';
  }
  
  myMethod() {
    return 100;
  }
}

// 인스턴스화
const myInstance = new MyClass();

console.log(myInstance.myMethod1());  // 결과: 'Helloworld'
console.log(myInstance.myMethod2());  // 결과: 100

 

멤버 함수 내부의 this는 클래스 자신을 가리키며,

멤버 변수에 접근하고 싶은 경우 'this.필드명'을 사용한다.

JavaScript 

class MyClass {
  constructor() {
    this.myField = '사자';
  }
  
  myMethod() {
    console.log(this.myField);
  }
}

const myInstance = new MyClass();

myInstance.myMethod();

실행결과

 

 

---

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김