코딩앙마 자바스크립트 중급 강의 2. 생성자 함수

객체 리터럴

let user = {
  name : 'Mike',
  age : 30,
}

 

비슷한 객체를 여러개 만들어야 할 때가 생김

(예 : 유저, 상품)

 

 

생성자 함수를 쓰면 편리함

함수 첫글자를 대문자로

생성자 함수를 사용할 때는 잊지말고 new를 붙여야함

function User(name, age){ // 함수 첫글자는 대문자로
  this.name = name;
  this.age = age;
}

let user1 = new User('Mike', 30); // new 연산자를 사용해서 호출
let user2 = new User('Jane', 24);
let user3 = new User('Tom', 17);

이렇게 객체를 만들면 일일이 객체를 만드는 것보다 훨씬 빠르고 일관성 있게 만들 수 있음

function User(name, age){
// this = {} 빈 객체생성
  
  this.name = name;
  this.age = age;
  
// return this; 객체 return 
// 이 코드들은 실제로는 없지만 생성자 함수가 이렇게 동작하는 것과 같음
}

new 함수명(); // 사용할 때 new를 붙여주기

함수 실행시 new를 붙이지 않으면 그냥 함수가 실행되어서 return 되는 값이 없기 때문에 undefined이 나옴