본문 바로가기

JavaScript/[theory]

[객체] #1. 객체란?

728x90
반응형

객체(object)란?

객체(object)란 실생활에서 우리가 인식할 수 있는 사물로 이해할 수 있다. 흔히 객체를 복합 자료형이라고 하는데, 이는 객체 안에 숫자, 문자열 등 여러 가지 자료형이 포함되기 때문이다.

 

이때 객체도 자료를 저장하고 처리하는 기본 단위임을 유의한다.

자바스크립트 객체

자바스크립트의 기본 타입(data type)은 객체(object)이다.

 

객체란 이름(name)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합이다.

프로퍼티의 값으로 함수가 올 수도 있는데, 이러한 프로퍼티를 메서드(method)라고 한다.

 

이러한 객체를 이용하는 이유는 변수 하나에 여러 정보를 저장할 수 있기 때문인데, 웹 사이트나 애플리케이션의 자료를 다루려면 하나의 변수에 여러 정보를 저장할 수 있는 객체가 꼭 필요하다.

자바스크립트 객체의 종류

프로그래밍 언어에서의 객체는 여러 가지 의미로 해석될 수 있지만, 해당 포스팅에서는 자바스크립트 내에서 인식할 수 있는 모든 대상을 의미한다.

 

자바스크립트는 웹 사이트와 같은 브라우저를 프로그래밍하는 언어이므로 웹 브라우저나 웹 문서와 관련된 것을 객체로 인식한다.

이때 아래와 같은 객체가 존재한다.

내장 객체 자바스크립트 엔진에 정의되어 있어 필요한 경우 생성해서 사용할 수 있다.
예를 들어, 문서(String), 날짜(Date), 배열(Array), 수학(Math) 객체 등이 있다.
브라우저 객체 모델 브라우저에 계층 구조로 내장되어 있는 객체를 의미하며, 브러우저 정보를 객체로 다룬다.

Navigator 객체: 사용 중인 브라우저 종류나 버전을 저장
History 객체: 브라우저에서 방문한 기록 담당
Location 객체: 주소 표시줄 정보 담당
문서 객체 모델 객체를 사용해 웹문서를 관리하는 방식을 말한다.

document 객체: 웹 문서 관리
사용자 정의 객체 사용자가 필요에 의해 객체를 선언

객체의 속성과 메서드

먼저, 객체에서 값을 담고 있는 정보를 속성이라고 한다. 

속성은 내장 객체에서도 만들어져 있다. 객체의 속성 값을 가져올 때에서는 객체 이름 뒤에 마침표를 찍고 속성 이름을 적는다.

속성: 객체에서 값을 담고 있는 정보

객체에서 속성 말고도 중요한 개념이 있는데, 바로 메서드이다.

메서드는 객체가 어떻게 동작할지를 선언해 놓은 함수이다.

메서드: 객체가 어떻게 동작할지를 선언해 놓은 함수
728x90
반응형
댓글