생성자

여러 객체지향 프로그래밍 언어에서는 객체의 클래스를 정의한 다음 해당 클래스의 인스턴스에 해당하는 개별 객체를 생성하는 것이 가능하다. 자바스크립트에서는 진정한 클래스를 지원하지는 않지만 자바스크립트 객체를 생성하는 생성자 함수를 제공한다.

자바스크립트 생성자란 무엇인가?

자바스크립트 생성자는 자바스크립트 객체를 생성하는 데 사용되는 함수다.

자바스크립트 생성자는 new 연산자와 함께 사용되는데, 먼저 프로퍼티가 없는 새 객체를 생성한 후 생성자 함수를 호출하고 새 객체를 this 키워드의 값으로 전달하며, 객체가 사용되기 전에 설정돼 있어야 할 프로퍼티를 설정하는 역할을 한다.

자바스크립트 생성자 예제

생성자 함수를 직접 정의할 수 있는데, 단지 this에 프로퍼티를 추가하는 함수를 작성하기만 하면 된다. 다음 예제를 보자.

function Point(x,y){
    this.x = x;
    this.y = y;
    // 보통 생성자 함수는 반환값이 없다.
}

point1 = new Point(5,5);
point2 = new Point(8,8);

console.log(JSON.stringify(point1));
console.log(JSON.stringify(point2));

위 코드를 실행한 결과는 다음과 같다.

{"x":5,"y":5}
{"x":8,"y":8}

관련 수업

← 이전홈다음 →