IT&컴퓨터공학/Javascript

[Javascript] 생성자 함수란 ?

yan_z 2021. 1. 23. 22:21

객체 리터럴

let user={
    name : 'Mike',
    age : 30,
}

객체 리터럴은 위와 같이 만들 수 있다.

 

그러나 개발을 하다보면 위와같은 객체 여러개를 만들어야 하는 경우가 발생한다.

예를들어 회원 관리를 위해 위와같은 user 객체 여러개를 만들어야 하는 경우가 생겼을때,

 

생성자 함수를 이용한다.

 

생성자 함수

function User(name,age){
    this.name = name;
    this.age = age;
}


let user1 = new User('Mike',30);
let user2 = new User('Jake',20);
let user3 = new User('Jain',25);
let user4 = new User('Emily',40);

생성자 함수는 앞글자를 대문자로 쓴다. 

함수를 호출할때는 new 연산자를 이용한다.

 

function User(name,age){
    this.name = name;
    this.age = age;
    this.sayHello = function(){
        console.log(`hi, my name is ${this.name}`);
    }
}


let user1 = new User('Mike',30);
user1.sayHello();

생성자 함수 안에 함수를 추가할 수도 있다.