객체(object)란, 프로퍼티와 메소드로 이루어진 것입니다. 실생활에서 보이는 모든 사물들을 객체라고 할 수가 있습니다. 처음 이해할땐 객체라는 모호한 의미를 주변 사물에 대입해서 생각해보면 쉽게 이해할 수 있습니다.
예를 들면 핸드폰이라는 객체는 켜다, 끄다, 재생하다, 전화걸다 등의 기능(메소드)을 가지고있고, 무게, 색상, 제조사와 같은 속성(프로퍼티)를 가졌다 라고 할 수 있습니다.
1. 객체
객체는 프로퍼티와 메소드(속성과 기능)로 이루어져있다고 했습니다. 서두의 예시에서 보이듯이 메소드는 어떤 객체를 조작하고 활용하게 하는 기능이고, 속성은 객체에 대한 정보를 담고 있습니다.
2. 자바스크립트의 객체
자바스크립트에는 크게 세종류의 객체가 있습니다.
1. 내장 객체
내장 객체는 자바스크립트에 내장되어 있어서 따로 생성과정 없이 사용할 수 있는 객체입니다.
문바열을 다루는 String, 배열을 다루는 Array, 숫자를 다루는 Math, 날짜를 다루는 Date와 같은 객체가 존재합니다.
2. 브라우저 객체 모델 (BOM)
브라우저 객체 모델(BOM)은 브라우저 내부에 계층 구조로 내장되어있는 객체입니다. window, screen, location, history, navigator와 같은 브라우저를 조작할 수 있는 객체들이 탑재되어있습니다.
3. 문서 객체 모델 (DOM)
문서 객체 모델(DOM)은 html을 조작하기 위한 객체로 자바스크립트에서 html 문서들을 접근하게 해주는 객체입니다.
앞으로 나올 몇 포스트에서는 우선 자바스크립트의 기본 기능인 내장 객체를 다루고 BOM과 DOM은 내용이 중요하고 많아서 따로 다루도록 하겠습니다.
또한 직접 객체를 정의 해서 사용하는 방법도 추가적으로 다루겠습니다.
'Programming > Javascript' 카테고리의 다른 글
[Javascript] 배열 (0) | 2021.03.02 |
---|---|
[Javascript] 객체 사용하기 (0) | 2021.03.02 |
[Javascript] 재귀 함수 (0) | 2021.02.26 |
[Javascript] 함수에서 여러 값 반환하기 (0) | 2021.02.26 |
[Javascript] 인수 (0) | 2021.02.26 |
댓글