JavaScript Class 생성자 메서드

정의와 사용법

constructor() 메서드는 클래스에서 생성하고 초기화하는 객체를 만드는 데 사용되는 특별한 메서드입니다.

클래스를 초기화할 때constructor() 메서드는 자동으로 호출되며, 실제로는 "constructor"로 정확한 이름을 사용해야 합니다. 그렇지 않으면 JavaScript가 보이지 않는 빈 생성자 메서드를 추가합니다.

주의:클래스는 여러 개의 constructor() 메서드를 사용할 수 없습니다. 이는 SyntaxError를 발생시킵니다. SyntaxError。

사용할 수 있습니다 super() 부모 클래스의 생성자를 호출하는 메서드를 호출하는 예제（아래의 더 많은 예제 참조）。

인스턴스

예제 1

Car 클래스를 생성한 후 이를 기반으로 "mycar" 객체를 생성합니다：

class Car {
  constructor(brand) {  // 생성자
    this.carname = brand;
  }
}
mycar = new Car("Ford");

직접 시도해 보세요

예제 2

클래스 상속을 생성하려면 다음과 같이 사용하십시오 extends 키워드.

클래스 상속을 통해 생성된 클래스는 다른 클래스에서 모든 메서드를 상속받습니다.

이름이 "Model"인 클래스를 생성하여 "Car" 클래스의 메서드를 상속받습니다：

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() 부모 클래스를 참조하는 메서드를 호출합니다.

생성자 메서드에서 호출하여 super() 메서드를 호출하여 부모 클래스의 생성자를 호출하고 부모 클래스의 속성 및 메서드에 접근할 수 있습니다.

문법

constructor(parameters)

기술 세부 사항

JavaScript 버전： ECMAScript 2015 (ES6)

브라우저 지원

메서드 크롬 IE 파이어폭스 사파리 오페라
constructor() 49.0 13.0 45.0 9.0 36.0

관련 페이지

JavaScript 교본：JavaScript 클래스

JavaScript 교본：JavaScript ES6 (EcmaScript 2015)

JavaScript 참조 매뉴얼:extends 키워드

JavaScript 참조 매뉴얼:super 키워드