(중급) 자바스크립트 독학 12일차 (생성자 함수)

리터럴 객체 (단일) 과 별개로 

와플 틀마냥 인수에 따라 유사한 와플(객체)를 찍어내는 함수

 

형태

function 생성자함수명(호출인수1, 호출인수2, 호출인수3..){

 this.인수명1 = 변수;

 this.인수명2 = 변수; ... 

}

 

 let 변수 = new 생성자함수명(인수1, 인수2)

---

[동작 구조]

 

new 로 동작하는 순간

생성자함수 내에서

new로 받은 인수로 받은 값의 객체를 생성하고

생성된 객체를 return 함

---

 

[예시]

 

function User(name, age){

 this.name = name;

 this.age = age;

 this.showAge(){

  alert(`당신의 나이는 ${age}입니다`)

 }

}

 

let user1 = new User('Mike', 33);

let user2 = new User('Name', 33);

 

user1.showAge(); // '당신의 나이는 33살입니다'