자바스크립트의 new 연산자 동작 방식

JavaScript에서 new 연산자는 객체 지향 프로그래밍의 핵심적인 요소로, 생성자 함수를 통해 새로운 객체를 생성하는 데 사용됩니다.

new 연산자가 어떻게 동작하는지, 그리고 내부적으로 어떤 과정을 거치는지를 예시와 함께 설명해보겠습니다.

new 연산자의 기본 원리

• 첫째, new 연산자는 새로운 빈 객체를 만들어냅니다.
• 둘째, 이 객체의 [[Prototype]] (또는 __proto__ 속성)을 생성자 함수의 prototype 속성으로 설정합니다.
• 셋째, 생성자 함수의 this가 새로 생성된 객체를 가리키도록 변경합니다.
• 마지막으로, 생성자 함수에서 명시적으로 다른 객체를 반환하지 않는 경우, this에 바인딩 된 새로운 객체가 반환됩니다.

아래는 이 과정을 단계별로 설명하는 표입니다.

예시를 통한 이해

Person 이라는 생성자 함수를 예로 들어 new의 내부 동작을 좀 더 자세히 살펴보겠습니다.

function Person(name, age) {
    this.name = name;
    this.age = age;
}

Person.prototype.introduce = function() {
    console.log(`저는 ${this.name}이고, 나이는 ${this.age}살 입니다.`);
};

const person1 = new Person("홍길동", 30);
person1.introduce(); // "저는 홍길동이고, 나이는 30살 입니다."

new Person("홍길동", 30);는 먼저 빈 객체를 생성하고, 이 객체의 __proto__를 Person.prototype으로 설정한 후, Person 생성자 함수의 this를 새 객체에 바인딩합니다.

Person 생성자 함수에서는 this.name과 this.age에 값을 할당하므로, 새 객체에는 name과 age 속성이 추가됩니다.

이후 new 연산자는 새로 생성된 객체를 반환합니다.

따라서 person1은 Person의 인스턴스가 되며, Person.prototype에 정의된 introduce 메소드에 접근할 수 있게 됩니다.

이와 같이 new 연산자는 생성자 함수를 통해 새로운 객체를 만들어내고, 이 객체에 여러 속성과 메소드를 부여할 수 있게 해줌으로써,

JavaScript에서 객체 지향 프로그래밍을 구현하는 데에 매우 중요한 역할을 합니다.