자바스크립트,javascript] new 생성자 함수

리액트를 다루는 기술을 읽으며 차분하게 복습하고 있다.

첫번째 목표는 투두리스트를 만들어 배포하는것.

 

교육을 받을때 미리 만들어서 올린 동기생이 있었는데 뒤늦게 나마 만들려고 해본다.

 

교재에 들어있던 코드중 new라는 연산자가 있어 검색하게 되었다.

 

함수로 객체를 생성한 뒤에 변수를 가져와서 적용시킬때 new라는 연산자를 사용한다.

 

new 연산자는 영역을 만들어서 함수 내부의 내용을 실행해 준다.

 

MDN에 있던 내용으로 살펴보자

See the Pen Untitled by leeys (@agent-megurii) on CodePen.

 

코드의 콘솔로그를 살펴보면

 

함수 Car 객체에 인자를 넣고

mycar라는 변수에 new 생성자 함수를 사용하여 Car안에 있던 객체의 인자를 부여 했다,

 

콘솔로 Car와 mycar 에 있던 make를 찍어보면

 

원래 있던 Car에는 정의되지 않은값이 나오고 mycar로 인자를 정의해준 변수에는 Eagle이 찍힌다.