Web/JavaScript

[JS] 생성자 함수

도톤팽이 2024. 2. 6. 12:51
728x90

객체 리터럴

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


그러나 개발을 하다보면 이렇게 비슷한 객체를 여러개 만들어야되는 상황이 생김 그럴 때 쓰는 것이 생성자 함수

생성자 함수는 보통 첫글자를 대문자로 생성

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

let user1 = new User('Mike', 30);
let user2 = new User('Jane', 22);
let user3 = new User('Tom', 17);


 
생성자 함수는 붕어빵틀이나 와플틀이라고 생각하면됨 필요한 재료를 넣고 만들어줌

new 함수명() 실행시 빈 객체를 만들고  this에 넣음
이후 변수들을 넣어주고 this를 반환

 

메소드 추가

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

let user5 = new User('Han', 40);
user5.sayName();
728x90