Javascript. 생성자 함수

객체

객체(object)란 실생활에서 우리가 인식할 수 있는 사물

자바스크립트의 기본 타입(data type)은 객체(object)
자바스크립트의 객체는 키(key)과 값(value)으로 구성된 프로퍼티(Property)들의 정렬되지 않은 집합

객체 리터럴

객체 생성 방식 중 가장 일반적이고 간단한 방법

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

생성자 함수

회원, 상품 등 객체를 여러 개 만들어야 하는 경우 사용
붕어빵 틀과 동일, 필요한 재료를 넣어주고 찍어내는 것

function User(name, age){ // 첫 글자는 대문자로 씀
  this.name = name;
  this.age = age;
  this.showName = function () {
    console.log(`회원의 이름은 ${name}입니다. `);
  }
};

let user1 = new User('AAA', 10); // new 연산자를 사용하여 호출
let user2 = new User('BBB', 20); // new 연산자를 사용하여 호출
let user3 = new User('CCC', 30); // new 연산자를 사용하여 호출
  
console.log(user1, user2, user3); // 첨부1
user2.showName(); // 첨부2

첨부1

첨부2

new 연산자

new 연산자를 붙여서 실행하는 순간 아래와 같이 동작하여 객체를 생성

function User(name, age){
  // this = {};빈 객체를 this에 할당
  this.name = name; // 본문 실행, this에 프로퍼티 추가
  this.age = age;
  // return this; this를 반환
}

new User();

* new 연산자를 붙여주지 않으면 User 함수를 실행하는 것이기 때문에 undefined가 뜸

생성자 함수로 만들면 리터럴 객체보다 훨씬 빠르고 일관성 있게 객체를 만들 수 있다.