티스토리 뷰

객체란

- 객체는 자료를 저장하고 처리하는 기본 단위

- JS 프로그램에서 인식할 수 있는 모든 대상

- 복합 자료형

var book = {
	title: "자바스크립트", //제목
    author: "홍길동", //저자
    pages: 500, //쪽수
    price: 15000 //가격
}

내장 객체

- 미리 정의되어 있는 객체

1) 문서 객체 모델(DOM): 문서 뿐 아니라 웹 문서 안에 포함된 이미지, 링크, 텍스트 필드 등을 모두 별도의 객체로 관리

2) 브라우저 객체 모델: 웹 브라우저 정보를 객체로 관리

사용자 정의 객체

- 필요할 때마다 사용자가 직접 만드는 객체

속성(Property)

- 객체에 담고 있는 값

- 객체명.속성명

메서드(Method)

- 객체의 동작을 정의한 함수 (객체 안의 함수)

  • Windows 객체에는 알림 창을 표시하는 alert()가 있다.
  • window 객체는 최상위 객체이므로 window 생략하고 그냥 alert()라고 쓸 수 있음

프로토타입

- 객체의 속성과 메서드를 모아놓은 틀 같은 것

인스턴스

- 프로토타입으로 찍어낸 객체. 프로토타입의 속성과 함수를 똑같이 사용함.

사용자 정의 객체

function Book(author, pages, price, title) {
	this.author = author;
    this.pages = pages;
    this.price = price;
    this.title = title;
}

jsBook = new Book("홍길동", 500, 15000, "자바스크립트") //인스턴스 만들기
jsBook.title //jsBook 객체에서 속성 값 확인하기

Array 객체

- 배열에 활용하는 많은 속성과 함수가 미리 정의되어 있는 객체

- 초깃값이 없을 때

 

'JS' 카테고리의 다른 글

JS - Promise  (0) 2023.05.13
JS - Callback 함수  (0) 2023.05.13
JS문법4 - DOM  (0) 2023.03.04
JS문법2 - 함수  (0) 2023.03.03
JS 문법1 - 변수, 자료형, 연산자, 제어문  (0) 2023.03.03
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/06   »
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
글 보관함