JavaScript new 연산자
·
FrontEnd/JavaScript
new는 그냥 "객체 만드는 키워드"가 아니다.this를 어떻게 묶고, 어떤 과정을 거쳐 인스턴스를 만드는지 아는 게 핵심이다. 🧑‍💻예전에 자바스크립트 공부할 때,"생성자 함수에는 무조건 new 붙여라""클래스는 new 없으면 에러 난다"이런 말만 듣고 넘겨버리기 쉬운데,정작 new가 내부에서 무슨 일을 하는지 모르면버그가 생겨도 감으로만 디버깅하게 된다.이번 글에서는 new가 실제로 하는 일을4단계 과정으로 풀어서 정리해본다.결론 먼저한 줄 요약하면new = 새 객체(인스턴스)를 만들고, 그 안에서 this를 알맞게 바인딩해 주는 연산자내부적으로는 대략 이런 일이 일어난다.빈 객체 하나 만든다그 객체에 프로토타입을 연결하고, this로 묶는다생성자 함수(또는 클래스의 constructor)를 실행..