객체 리터럴
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();
반응형
'Javascript' 카테고리의 다른 글
자바스크립트 중급 4- 심볼(Symbol) (0) | 2023.06.11 |
---|---|
자바스크립트 중급 3- 객체 메소드(Object methods), 계산된 프로퍼티(Computed property) (0) | 2023.06.11 |
자바스크립트 중급 1- 변수, 호이스팅, TDZ(Temporal Dead Zone) (0) | 2023.06.10 |
자바스크립트 기초 강좌 14 -배열(Array) (1) | 2023.06.09 |
자바스크립트 기초 강좌 13- 객체(Object)-method, this (0) | 2023.06.09 |