목표: 다양한 객체 생성 방식 중에서 생성자 함수를 사용하여 객체를 생성하는 방식을 살펴보기

17.1 Object 생성자 함수

• new 연산자와 함께 object 생성자 함수를 호출하면 빈 객체를 생성하여 반환한다. 빈 객체를 생성한 이후 프로퍼티 또는 메서드를 추가하여 객체를 완성할 수 있다.

// 빈 객체 생성 (person)
const person = new Object();

// 프로퍼티(속성) 추가
person.name = 'Lee';
person.sayHello = function(){
  console.log('Hi! My name is' + this.name);
}

console.log(person); // {name: "Lee", sayHello: f}
person.sayHello(); // Hi! My name is Lee

생성자 함수

• 생성자 함수 : new 연산자와 함께 호출하여 객체 (인스턴스)를 생성하는 함수

• 인스턴스 : 생성자 함수에 의해 생성된 객체

• 자바스크립트는 Object 생성자 함수 이외에도 String, Number, Boolean, Function, Array, Date, RegExp, Promise등의 빌트인 생성자 함수를 제공한다.

// String 생성자 함수에 의한 String 객체 생성
const strObj = new String('Lee');
console.log(typeof strObj); // object
console.log(strObj); // [String: 'Lee']

// Number 생성자 함수에 의한 Number 객체 생성
const NumObj = new Number(123); 
console.log(typeof NumObj); //object
console.log(NumObj); // [Number: 123]

// Boolean 생성자 함수에 의한 Boolean 객체 생성
const boolObj = new Boolean(true); 
console.log(typeof boolObj); // object
console.log(boolObj); // [Boolean: true]

// Function 생성자 함수에 의한 Function 객체(함수) 생성
const func = new Function('x', 'return x * x'); 
console.log(typeof func); // function
console.dir(func); // f anonymous(x)

// Array 생성자 함수에 의한 Array 객체(배열) 생성
const arr = new Array(1,2,3); 
console.log(typeof arr); // object
console.log(arr); // [ 1, 2, 3 ]

// RegExp 생성자 함수에 의한 RegExp 객체(정규 표현식) 생성
const regExp = new RegExp(/ab+c/i); 
console.log(typeof regExp); // object
console.log(regExp); // /ab+c/i

// Date 생성자 함수에 의한 Date 객체 생성
const date = new Date(); 
console.log(typeof date); // object
console.log(date); // 2025-06-03T09:23:29.965Z

17.2 생성자 함수

17.2.1 객체 리터럴에 의한 객체 생성 방식의 문제점

<aside> 💡

단점:

• 객체 리터럴에 의한 객체 생성 방식은 단 하나의 객체만 생성한다.
• 동일한 프로퍼티를 갖는 객체를 여러개 생성해야 하는 경우 매번 같은 프로퍼티를 기술해야 하기 때문에 비효율적 </aside>

const circle1 = {
  radius: 5,
  getDiamerter(){
    return 2*this.radius;
  }
};

console.log(circle1.getDiamerter()); // 10

const circle2 = {
  radius: 10,
  getDiamerter(){
    return 2*this.radius;
  }
};

console.log(circle2.getDiamerter()); // 20

객체: