지토의 개발일기/javaScript

[JavaScript] 객체(object)

지아토 2021. 10. 19. 17:01

객체란 ?

 

자바스크립트는 기본적으로 객체(object)기반의 언어이다. 객체는 기본적으로 "기본" 과 "속성"을 가지고 있다. 

 

자바스크립트에서 다야한 기능은 "메서드" 라고 하며 또한 객체는 속성을 가지고 있습니다. 

 

 

자바스크립트 객체의 메서드와 속성의 기본형은 다음과 같습니다. 

 

1 객체.메서드();

2 객체.속성; 또는

3 객체.속성= 값

 

1 . 객체의 메서드를 실행.

2. 객체의 속성값을 가져옴.

3. 객체의 속성값을 바꿈. 

 

객체의 종류

 

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

 

 

내장객체 

 

내장객체는 자바스크립트 엔진에 내장되어 있어 필요한 경우에 생성해서 사용 할 수 있는 객체로서

 

문자(String), 날짜 (Date), 배열(Array), 수학(Math)등이 있다.

 

브라우저 객체 모델

 

브라우저에 계층 구조로 내장되어 있는 객체를 말합니다. 

 

브라우저 객체로는 window , screen, location, history, navigator 객체 등이 있으며 

 

window는 document와 location 객체의 상위 객체입니다.

 

 

 

문서 객체 모델

 

문서 객체 모델(DOM)은 HTML 문서 구조를 말합니다. HTML 문서의 기본 구조는 최상위 객체로 (html)에 있으며 , 하위 객체로는 <head>와 <body>가 있다는 점. 이렇게 문서화 객체 모델에서는 HTML의 모든 요소들을 문서 객체로 선택하여 자유롭게 속성을 바꿀 수 있고 선택한 문서 객체에 원하는 스타일(css)을 적용할 수 있다.

 

 

이번 포스팅에서는 커다란 주제속에서 대략적인 것들을 알아봤으며 다음 포스팅에는 내장객체부터 

 

자세히 포스팅 해보도록 하겠습니다. 그럼 20000