본문 바로가기

Web/JavaScript

[JS] 생성자 함수

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

'Web > JavaScript' 카테고리의 다른 글

[JS] 심볼  (0) 2024.02.06
[JS] 객체 메소드, 컴퓨티드 프로퍼티  (0) 2024.02.06
[JS] 변수 심화  (1) 2024.02.06
[JS] 배열  (0) 2024.02.05
[JS] 객체  (0) 2024.02.05