생성자 함수로 여러가지 객체 만들기

생성자 함수를 이용하면 자바스크립트에서 제공하지 않는 유형의 데이터를 창조해낼 수 있다.

생성자 함수는 '객체를 이렇게 만들겠습니다'에 대한 정의일뿐이며, 실제 객체가 생성되기 위해서는 new 연산을 통해 객체를 반환해야 합니다. 객체 생성은 new 연산자를 이용합니다.

// Dog 객체 설계(생성자 함수)
function Dog(){
    this.name = "뽀미"
    this.breed ="스피츠"
}

// Dog 객체 생성(new 연산자)
//Dog 라는 객체를 생성하고, myDog 라는 이름을 붙이겠다
const myDog = new Dog();
console.log(myDog.name)
console.log(myDog.breed)

 

 

 

생성자 함수는 '객체를 이렇게 만들겠습니다'에 대한 정의, 즉'설계도'의 역할을 합니다. 생성자 함수 하나로도 객체를 여러개 만들 수 있습니다.
다음은 생성자 함수 하나로 여러개 객체 만드는 예시입니다.

// 생성자 함수에서도 매개변수를 정의할 수 있다
function Dog(eachName, eachBreed){
    this.name = eachName
    this.breed = eachBreed
}

//객체 생성 시에도 인자를 전달할 수 있다
const one = new Dog("바둑이","진돗개");
const two = new Dog("하나코","시바견");
const three = new Dog("마르코","셰퍼드");

 

 

 

 

 

내용 정리

• 객체란 '값 또는 기능을 가지고 있는 데이터'이다.
• 생성자란 객체를 생성할 때 사용하는 함수로서, '생성자 함수'라고도 한다.
• 생성자 함수는 설계도 역할을 하는 것 이며, 실제 객체가 생성되기 위해서는 new 연산을 통해 객체를 반환해야 한다.
• 생성자 함수 하나로 객체를 여러개 만들 수도 있다.