티스토리 뷰
728x90
반응형
객체 생성 방법
먼저, javascript 에서 객체를 생성하는 방법은 총 3가지가 있다.
1. Object() 객체 생성자 함수 사용
1. Object() 객체 생성자 함수 사용
var item1 = new Object();
item1.title = "가방";
item1.price = 50000;
item1.showPrice = () => {
console.log(`${item1.title} 의 가격은 ${item1.price} 입니다.`);
}
2. 객체 리터럴 사용
var item1 = {
title : "가방",
price : 500000,
showPrice : () => {
console.log(`${item1.title} 의 가격은 ${item1.price} 입니다.`);
}
}
3. 생성자 함수 사용
function Item(title, price) = {
this.title = title;
this.price = price;
this.showPrice : () => {
console.log(`${this.title} 의 가격은 ${this.price} 입니다.`);
}
}
var item1 = item('가방', 50000);
생성자 함수를 쓰게 되면, 객체 리터럴 을 사용했던 방법 보다 훨씬 빠르게 객체를 생성할 수 있다.
728x90
'JavaScript' 카테고리의 다른 글
| [javascript] 수학 숫자 메서드 (Math methods / Number methods) (0) | 2022.06.28 |
|---|---|
| [javascript] 계산된 프로퍼티 / 객체 메소드 (Object Methods) / Object.assign() / Object.keys() / Object.values() / Object.entries() / Object.fromEntries() (1) | 2022.06.27 |
| [javascript] 변수의 선언 할당 초기화 / var let const 완벽 비교 정리 (0) | 2022.06.25 |
| [javascript] API 호출/ fetch (0) | 2022.04.30 |
| [javascript] 비동기 작업 / await 병렬 처리 (0) | 2022.03.01 |
댓글