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 문장이 끝나는 부분에 붙여야 하는 세미콜론 (;)을 붙이지 않아 발생한 문제로 항상 세미콜론으로 오류가 나는 경우가 많은데 항상 문장이 끝날 때는 세미콜론을 붙여야 한다는 것을 다시 기억할 수 있는 오튜 코드가 되었다