[JS] 생성자 함수

코딩앙마님의 자바스크립트 중급 강좌를 보며 정리한 내용입니다.

비슷한 객체를 여러개 만들어야할 때 쓸 수 있는 것이 생성자 함수이다. 함수의 첫 글자를 대문자로 적어준다.

function User(name, age) {
  this.name = name;
  this.age = age;
}
// new 연산자를 사용해서 호출
let use1 = new User('Hyunsoo', 20);
let user2 = new User('Heeni', 21);
let user3 = new User('JK', 22);

new를 붙여 실행하는 순간 this 빈 객체가 생성되고 마지막에 this를 리턴하는 과정이 일어난다.

function User(name, age) {
  // this= {};
  this.name = name;
  this.age = age;
  // return this;
}
new 함수명();

function User(name, age) {
  this.name = name;
  this.age = age;
  this.sayName = function() {
	console.log(this.name);
  }
}

let user5 = new User('Han', 40);
user5.sayName(); // 'Han'