[JS] class - super

 

# 02:40

super() =>  부모 constructor를 호출하는데, 자식 constructor 내부에서만 사용 할 수 있다.

 

 

# 03:56

super.method() =>  부모 클래스에 정의된 method를 호출한다.

---

화살표 함수에는 super가 없다.

class Rabbit extends Animal {
  stop() {
    setTimeout(() => super.stop(), 1000); // 1초 후에 부모 stop을 호출합니다.
  }
}

화살표 함수의 super는 stop()의 super와 같아서 위 예시는 의도한 대로 동작한다.

[의도한 대로 동작하는 이유]
setTimeout메서드는 브라우저 환경에서 인수로 전달받은 함수를 호출할 때, this에 window를 할당한다.
이 문제를 해결하기 위해 래퍼(감싸는) 함수를 사용해 보통 때처럼 메서드를 호출하게 만들 수 있다.

그렇지만 setTimeout안에서 ‘일반’ 함수를 사용하면 에러가 발생한다. 

// 래퍼함수가 없기 때문에 super는 window에서 stop()을 찾게된다.
// window에는 stop()이 없기 때문에 에러가 출력된다.
setTimeout(function() {super.stop()}, 1000);

---

[공부 좌표]

12. super

super

메서드 오버라이딩

Q. setTimeout/setInterval의 this가 이상해요.