피드로 돌아가기
The 'new' Keyword in JavaScript
Dev.toDev.to
Frontend

JavaScript의 new 연산자가 내부에서 5단계 절차로 객체를 생성하고 prototype을 연결하는 과정을 다룬다.

The 'new' Keyword in JavaScript

Ritam Saha2026년 4월 1일4beginner

Context

JavaScript에서 생성자 함수를 일반 함수로 호출하면 this가 전역 객체를 가리킨다. 생성된 인스턴스마다 별도의 메서드 사본을 가진다.

Technical Solution

  • new 키워드 → 빈 객체를 생성
  • newObj.proto → Person.prototype을 연결
  • this → newObj를 바인딩
  • 생성자 본문 → name, age 등의 속성을 할당
  • 자동으로 newObj를 반환

Impact

prototype methods를 공유하여 메모리 사용량을 줄인다. 인스턴스마다 새로운 메서드 사본을 생성하는 대신 하나의 메서드를 재사용한다.

Key Takeaway

new 키워드는 JavaScript의 prototype 기반 상속을 활용하여 효율적인 객체 생성을 가능하게 한다.


Constructor Function 패턴에서 new 키워드를 적용 시 prototype을 통한 메모리 효율적인 메서드 공유가 가능해진다.

원문 읽기