Minwoo Dev.

[JavaScript] 생성자(Constructor), new 본문

JavaScript

[JavaScript] 생성자(Constructor), new

itisminu 2024. 1. 17. 19:27
728x90
반응형
SMALL

생성자는 객체를 만드는 역할을 한다.

 

function a() { }

let ab = a();

console.log(ab);

 

예를 들어, 위와 같이 a라는 함수가 존재하고, 그 함수를 ab라는 변수에 넣는다고 하자.

ab를 출력하면 , 우리의 의도대로 객체 a 가 들어있어야 한다.

 

결과

 

 

하지만 결과는 undefined가 나온다.

왜냐하면 a 함수는 현재 아무 반환값(return)을 가지고 있지 않기 때문이다.

 

 

변수에 우리가 만든 함수(객체)를 넣고 싶을 때, 우리는 생성자인 new를 사용할 수 있다.

 

function a() { }

let ab = new a(); // new 생성자 추가

console.log(ab);

 

위처럼 new 생성자를 사용하여 객체를 추가해주면, new 생성자가 객체를 임의로 하나 생성하여 ab라는 변수에 넣는 것이기 때문에 ab라는 변수에는 a {} 라는 객체가 들어가게 된다.

 

결과

 

 

 

도장찍듯이 원하는 변수에 객체를 집어넣는다고 생각해도 좋을 거 같다.

함수(객체)를 통째로 넣을 때는 new 생성자를 꼭 사용하자!

728x90
반응형
LIST