(JS)객체

자바스크립트는 객체 기반의 언어이다. 객체는 기능 또는 속성을 가지고 있다.

TV에는 켜다, 끄다, 음소거하다, 볼륨을 높히다 등의 기능이 있다. 이처럼 TV라는 객체에는 각각 다양한 기능이 있다. 이러한 주변의 모든 사물들을 객체라고 한다.

자바스크립트 역시 다양한 객체가 있다. 그 객체에 해당하는 출력 기능들을 메서드라고 한다. 또한 객체는 속성을 가지고 있다.
자바스크립트 객체의 메서드와 속성을 사용하는 기본문법은 아래와 같다.

객체.메서드();
객체.속성;  또는  객체.속성=값;

객체의 종류

자바스크립트의 객체는 크게 내장객체, 브라우저 객체 모델(BOM), 문서 객체 모델(DOM)으로 나눌 수 있다.

내장 객체

내장 객체는 자바스크립트 엔진에 내장되어 있어서 필요한 경우에 생성해서 사용할 수 있다.
내장 객체로는 문자(String), 날짜(Date), 배열(Array), 수학(Math)등이 있다.

브라우저 객체 모델(BOM)

브라우저에 계층적으로 내장되어 있는 객체들을 브라우저 객체 모델(browser object model)이라고 한다.
브라우저 객체로는 window, screen, location, history, navigator등이 있다.

문서 객체 모델(DOM)

문서 객체 모델(document objecy model)은 HTML 문서 구조를 말한다. HTML 문서의 기본 구조는 최상위 객체로 html이 있으며, 그의 하위 객체로 head와 body가 있다.
자바스크립트를 통해 이미지의 src 속성을 바꾸고자 한다면, 지정된 img를 선택해서 src 속성을 바꿔줘야 한다. 이때 지정된 요소를 잘 선택해서 가져오려면 문서 객체 구조를 잘 이해하고 있어야 한다.