티스토리 뷰

728x90
반응형
객체 생성 방법
먼저, javascript 에서 객체를 생성하는 방법은 총 3가지가 있다.

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
댓글
반응형
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2026/01   »
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함