JavaScript ES6 문법 - Constructor

박재휘·2024년 2월 25일

JavaScript

목록 보기
7/19
post-thumbnail

Constructor란?

Constructor(생성자)란 공식 홈페이지에서는 다음과 같이 설명한다.

constructor 메서드는 클래스의 인스턴스 객체를 생성하고 초기화하는 특별한 메서드이다.

  • Constructor(생성자)는 Object(객체)를 만들기 위한 함수이다.
  • 생성자 함수는 new 키워드를 사용하여 호출된다.

비슷한 Object를 여러개 만들어 사용할 수 있는 Constructor에 대해 알아보자.

Constructor 만들기

자바스크립트 Object로 학생부 리스트를 만들것이다. 출석부에는 번호, 이름, 나이가 필요하다고 하자.

var 학생1 = { num: 1, name : 'Kim', age: 20 };
var 학생2 = { num: 2, name : 'Park', age: 20 };
// ...

이런 방법을 이용해서 하나하나 값을 넣어도 되지만 비슷해 보이는 부분이 많기 때문에 오브젝트를 복사해서 사용하면 좋을 것 같다.

다음과 같이 생성자를 만들 수 있다. functionthis키워드를 사용한다.

function Students(num, name) {
  this.num = num;
  this.name = name;
  this.age = 20;
}

var student1 = new Students(1, "Kim");
var student2 = new Students(2, "Park");
var student3 = new Students(3, "Lee");

console.log(student1);
console.log(student2);
console.log(student3);

결과

  • 생성자는 관습적으로 첫글자를 대문자로 적는다.
  • 파라미터를 넣을 수 있다.
  • this는 새로 생성되는 object (instance 인스턴스)를 뜻한다.
  • 사용은 new키워드를 사용한다.
profile
차곡차곡 열심히

0개의 댓글