본문 바로가기
코딩 메모장

[JAVASCRIPT 메모 ] 생성자 함수

by 병아리콩콩콩 2021. 8. 12.
728x90
반응형

생성자 함수 =  붕어빵 틀!

함수의 이름 첫글자는 대문자로 쓴다.

 

function User (name, age) {

 // this = {}

    this.name = name;

    this.age = age;

    // return this;

}

사실은 주석처리 된 부분이 숨어있는 것.

 

생성자 함수는 new 연산자로 호출한다.

const user1 = new User('mika', 20);

const user2 = new User("misa", 22);

const user3 = new User("mina", 21);

new로 호출하지 않으면 리턴되는 값이 없어서 undefined반환

 

 

function Item (title, price) {
    this.title = title;
    this.price = price;
    this.showPrice = () => {
        console.log(`가격은 ${price}`);
    };

}

const item1 = new Item("인형", 2000);
const item2 = new Item("가방", 8200);
const item3 = new Item("지갑", 9000);

item2.showPrice();
// 생성자함수 안의 메소드 호출

 

 

728x90
반응형
LIST

댓글