[JavaScript] 자바스크립트에서 클래스 사용하기(인스턴스화)

2022. 8. 5. 16:15Program/JavaScript

254_자바스크립트에서 클래스 사용하기(인스턴스화)

[적용]

  • 클래스를 인스턴스화 하고 싶을 때
  • 생성한 클래스를 사용하고 싶을 때

[문법]

구문 의미
new 클래스명() 클래스 인스턴스화 

[내용]

class 선언으로 정의한 클래스를 실제 데이터로 사용하기 위해서는 new 연산자를 사용하며, 인스턴스화가 필요하다.

인스턴스화한 데이터는 클래스 내 각 요소와 메소드에 접근이 가능하다.

 

JavaScript  

class MyClass {
  constructor() {
    this.classField = 12;
  }
  
  classMethod() {
    console.log('메소드가 실행되었습니다.');
  }
}

const myInstance = new MyClass();

console.log(myInstance.classField);  // 결과: 12
myInstance.classMethod();  // 결과: '메소드가 실행되었습니다.'

 

실행결과

 


 

 

 

 

 

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