[JavaScript] new 연산자

Programming/Javascript, Typescript

[JavaScript] new 연산자

리버김 2023. 7. 13. 23:56

예전에 정리해봐야지~ 했던 new 연산자. 왜 정리하고 싶었는지는 잊어버렸지만, 종종 만나게 되기에 정리해보자.

정의

new 연산자는 '생성자 함수' 앞에 붙여 객체를 만들어주는 연산자라고 할 수 있다. new라는 이름이 암시하듯이 새로운 객체입니다~! 라는 의미로 받아들였다.

JavaScript에서 생성자 함수는 객체를 만드는 함수다. 아래에서 Person함수는 생성자 함수이며, 일반 함수와 구분하기 위해 대문자로 시작한다.

function Person(name){
    this.name = name;
    this.introduce = function(){
        return 'My name is '+this.name; 
    }   
}
var p1 = new Person('river');
document.write(p1.introduce()+"<br />");
 
var p2 = new Person('ppoyami');
document.write(p2.introduce());

함수를 호출할 때 new를 붙이면 객체를 리턴한다. 생성자 함수로 재사용성이 높을 객체의 형식을 지정해놓고, new로써 그것을 활성화한다고 보면 된다.