Front/JavaScript
[JavaScript] 사용자 정의 객체
ddo04
2024. 8. 6. 00:42
728x90
공부 자료 : 인프런 Do it 자바스크립트 입문
https://www.inflearn.com/course/do-it-javascript/dashboard
🪫사용자 정의 객체
- 리터럴 표기법을 사용한 객체 만들기
var book = {
title : "자바스크립트",
author : "고쌤",
pages : 500,
price: 15000,
info : function( ){
alert(this.title + "책의 분량은 " + this.pages + "쪽 입니다.");
}
};
🪫생성자 함수를 사용해 객체 만들기
function Book(author, pages, price, title){
this.author = author;
this.pages = pages;
this.price = price;
this.title = title;
}
- 생성자 함수의 this는 객체 자신(Book)을 가리킴
🪫Book 객체의 인스턴스 만들기
jsBook = new Book("홍길동", 500, 15000, "자바스크립트") // 인스턴스 만들기
jsBook.title
- 객체 틀을 사용하면 객체를 인스턴트화 시킨 여러개의 객체를 만들 수 있음
- 여러 개의 정보들을 쉽게 객체화 시킬 수 있음
- 배열을 더하면 더 다양하게 활용 가능
- 여기서 난 오류는 document.write 문장이 끝나는 부분에 붙여야 하는 세미콜론 (;)을 붙이지 않아 발생한 문제로 항상 세미콜론으로 오류가 나는 경우가 많은데 항상 문장이 끝날 때는 세미콜론을 붙여야 한다는 것을 다시 기억할 수 있는 오튜 코드가 되었다