자바스크립트 클래스 슈퍼
정의 및 사용
super
키워드는 부모 클래스의 생성자를 호출하여 부모의 속성 및 메서드에 액세스하는 데 사용됩니다 .
팁: "상속" 개념(부모 및 자식 클래스)을 더 잘 이해하려면 JavaScript 클래스 자습서 를 읽으십시오 .
예시
extends
키워드 를 사용하여 "Car" 클래스의 메서드를 상속할 "Model"이라는 클래스를 만듭니다 .
생성자 메서드에서 메서드를 호출 super()
하여 부모의 생성자 메서드를 호출하고 부모의 속성과 메서드에 액세스합니다.
class Car {
constructor(brand) {
this.carname =
brand;
}
present() {
return 'I have a ' + this.carname;
}
}
class Model extends Car {
constructor(brand, mod) {
super(brand);
this.model = mod;
}
show() {
return this.present() + ', it is a ' + this.model;
}
}
mycar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML
= mycar.show();
브라우저 지원
super
ECMAScript6(ES6) 기능입니다.
ES6(JavaScript 2015)은 모든 최신 브라우저에서 지원됩니다.
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
super
Internet Explorer 11(또는 이전)에서는 지원되지 않습니다.
통사론
super(arguments); // calls the parent constructor (only inside
the constructor)
super.parentMethod(arguments); // calls a parent method
기술적 세부 사항
자바스크립트 버전: | ECMAScript 2015(ES6) |
---|
관련 페이지
JavaScript 튜토리얼: JavaScript 클래스
JavaScript 튜토리얼: JavaScript ES6(EcmaScript 2015)
JavaScript 참조: extends 키워드
JavaScript 참조: 생성자() 메서드