[JS] Constructor(생성자)란?

오늘은 자바스크립의 Constructor 메서드에 대해 공부해보자.

Constructor 메서드는 클래스의 인스턴스 객체를 생성하고 초기화하는 특별한 메서드로 쉽게 말해 생성자이다.
파이썬의 경우 클래스에서 __init__으로 변수를 초기화하는 것과 동일한 역할을 한다고 이해하면 된다.

구문

constructor() { ... }
constructor(argument0) { ... }
constructor(argument0, argument1) { ... }
constructor(argument0, argument1, ... , argumentN) { ... }

 

설명

Constructor를 사용하면 다른 모든 메서드 호출보다 앞선 시점인, 인스턴트 객체를 초기화할 때 수행할 초기화 코드를 정의할 수 있다.

class Person {
  constructor(name) {
    this.name = name;
  }

  introduce() {
    console.log(`Hello, my name is ${this.name}`);
  }
}

const jaejae = new Person("jaejae");

jaejae.introduce();

클래스에 생성자를 정의하지 않으면 기본 생성자를 사용한한다. 아무것도 상속하지 않는 기본 클래스일 때의 기본 생성자는 빈 메서드이다.

// 상속X, 기본 생성자
constructor() {}

다른 클래스를 상속하는 경우, 기본 생성자는 자신의 매개변수를 부모 클래스의 생성자로 전달한다.

// 상속O, 기본 생성자
constructor(...args) {
  super(...args);
}

 

 

사용 이유

constuctor는 클래스 내부 혹은 다른 클래스에 상속한 경우, 해당 클래스 내부에서 사용하기 위한 객체를 정의하는 것이라고 볼 수 있다. 클래스 내부에 다양한 함수가 존재한다면 constructor로 생성, 초기화된 객체는 this.<변수> 의 형태로 어느 함수의 내부라도 접근할 수 있다.

 

Constructor 활용 예시: super() 메소드

기존에 작성된 클래스를 바탕으로 일부 기능만 변경하거나 새롭게 추가하고 싶은 경우, 새로 생성한 클래스는 부모클래스로부터 상속을 받게 되며 이때에는 반드시 super() 메소드를 통해 부모클래스의 생성자를 호출해야한다. (super() 메소드는 자식 클래스 생성자 내부에서만 사용할 수 있음)

class Person {
  constructor(name) {
    this.age = 0;
    this.name = name;
  }
}

class Lab extends Person {
  constructor(name, numOfPeople) {
    super(name);  // 부모클래스인 Person을 상속 받은 Lab 클래스는 부모클래스의 생성자를 상속받기 위해 super()메소드 사용
    this.numOfPeople = numOfPeople;
  }
}

let dbLab = new Lab("승재", 10);
Console.log(rabbit.name); // 승재
Console.log(rabbit.numOfPeople); // 10

 

참고

JS class Contructor를 알아보자

constructor - JavaScript | MDN