본문 바로가기
JavaScript/JavaScript with Error

[해결 방법] Uncaught ReferenceError: Must call super constructor

by HJ0216 2023. 5. 24.

🟨 기본 환경: IDE: VS code, Language: JavaScript

 

 

발생 Error

JavaScript에서 다음 Source Code를 실행할 경우,

🚨 다음과 같은 Error 발생

Uncaught ReferenceError: Must call super constructor in derived class before accessing 'this' or returning from derived constructor

 

 

발생 원인

클래스 상속 후, 자식 클래스의 생성자에서 super()를 호출하지 않음

⭐ constructor를 생략할 경우, 자동으로 super()가 생성되지만, 기재할 경우에는 super()를 작성해야 함

 

 

해결 방법

상위 클래스의 메서드나 필드에 접근하고자 할때 super 키워드를 사용해야하므로 하위 클래스의 constructor에서 super()를 호출하여, 참조 에러를 제거

 

 

 

 

참고 자료

 

[ES6+] 클래스(Class)문법에 대하여

ES6부터는 자바스크립트 또한 Class문법을 사용할 수 있게 되었다. 자바스크립트에서의 Class는 함수라는 것을 알아두고 클래스(Class)문법에 대해 하나씩 알아가보자. 1. 클래스(Class) 정의 1-1. 클래

mine-it-record.tistory.com