본문 바로가기

Javascript

자바스크립트 중급 2 - 생성자 함수

객체 리터럴

let user = {

     name : 'Mike',

     age : 30,

}

생성자 함수  → 비슷한 객체 여러개 생성하기 위한 함수

function User(name, age){    //첫글자는 대문자로
  this.name = name;
  this.age = age;
  this.sayName = function(){
    console.log(this.name);
  }
}

let user1 = new User('Mike', 30);   //new 연산자를 사용해서 호출
let user2 = new User('Jane', 22);
let user3 = new User('Tom', 17);
let user5 = new User('Han', 40);
user5.sayName();  //"Han"

 new 함수명();  →  this = {}  → this에 프로퍼티 추가 → return this (반환)

function Item(title, price){
  //this = {};
  
  this.title = title;
  this.price = price;
  this.showPrice = function(){
    console.log(`가격은 ${price}원 입니다.`);
  }
  //return this;
}

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

console.log(item1, item2, item3);

item3.showPrice();

 

 

 

 

 

반응형