[JavaScript] new 연산자

예전에 정리해봐야지~ 했던 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로써 그것을 활성화한다고 보면 된다.

ref

https://opentutorials.org/module/532/6570

생성자와 new - JavaScript

https://ko.javascript.info/constructor-new

new 연산자와 생성자 함수

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/new

new operator - JavaScript | MDN