[JS] 생성자 함수

nana·2023년 1월 11일
0

🟡 JavaScript

목록 보기
15/23
post-thumbnail

🖍️ 생성자 함수

비슷한 객체를 여러개 만들 때 유용하게 사용 가능

// 객체 리터럴
let user = {
  name : 'Mike',
  age : 30,
}

// 생성자 함수
// 함수 첫글자는 대문자로
funciton User (name, age) {
  this.name = name;
  this.age = age;
}
// new 연산자를 사용해서 호출
let user1 = new User('Mike', 30);
let user2 = new User('Jane', 22);
let user3 = new User('Tom', 25);

---------------------------------

// sayName 매서드 추가
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();  // 'Han'

---------------------------------
  
⭐️ 예제
// 상품 객체 생성
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();
profile
✧ 중요한건 꺾이지 않는 마음 🔥 ᕙ(•ө•)ᕤ 🔥

0개의 댓글