프로그래밍/Javascript
자바스크립트 중급 2 - 생성자 함수
mimi04
2023. 6. 10. 11:00
객체 리터럴
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();
반응형