미누에요
[JavaScript] 생성자(Constructor), new 본문
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
'JavaScript' 카테고리의 다른 글
[JavaScript] Arrow Function(화살표 함수), 암시적 반환 (0) | 2024.02.20 |
---|---|
[JavaScript] map() 메서드, JavaScript 배열 map() (0) | 2024.02.20 |
[JavaScript] call, apply, bind (1) | 2024.01.17 |
[JavaScript] arguments (0) | 2024.01.17 |
[JavaScript] 콜백(Callback) 함수 (0) | 2024.01.17 |