728x90
반응형
객체(object)란?
객체(object)란 실생활에서 우리가 인식할 수 있는 사물로 이해할 수 있다. 흔히 객체를 복합 자료형이라고 하는데, 이는 객체 안에 숫자, 문자열 등 여러 가지 자료형이 포함되기 때문이다.
이때 객체도 자료를 저장하고 처리하는 기본 단위임을 유의한다.
자바스크립트 객체
자바스크립트의 기본 타입(data type)은 객체(object)이다.
객체란 이름(name)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합이다.
프로퍼티의 값으로 함수가 올 수도 있는데, 이러한 프로퍼티를 메서드(method)라고 한다.
이러한 객체를 이용하는 이유는 변수 하나에 여러 정보를 저장할 수 있기 때문인데, 웹 사이트나 애플리케이션의 자료를 다루려면 하나의 변수에 여러 정보를 저장할 수 있는 객체가 꼭 필요하다.
자바스크립트 객체의 종류
프로그래밍 언어에서의 객체는 여러 가지 의미로 해석될 수 있지만, 해당 포스팅에서는 자바스크립트 내에서 인식할 수 있는 모든 대상을 의미한다.
자바스크립트는 웹 사이트와 같은 브라우저를 프로그래밍하는 언어이므로 웹 브라우저나 웹 문서와 관련된 것을 객체로 인식한다.
이때 아래와 같은 객체가 존재한다.
내장 객체 | 자바스크립트 엔진에 정의되어 있어 필요한 경우 생성해서 사용할 수 있다. 예를 들어, 문서(String), 날짜(Date), 배열(Array), 수학(Math) 객체 등이 있다. |
브라우저 객체 모델 | 브라우저에 계층 구조로 내장되어 있는 객체를 의미하며, 브러우저 정보를 객체로 다룬다. Navigator 객체: 사용 중인 브라우저 종류나 버전을 저장 History 객체: 브라우저에서 방문한 기록 담당 Location 객체: 주소 표시줄 정보 담당 |
문서 객체 모델 | 객체를 사용해 웹문서를 관리하는 방식을 말한다. document 객체: 웹 문서 관리 |
사용자 정의 객체 | 사용자가 필요에 의해 객체를 선언 |
객체의 속성과 메서드
먼저, 객체에서 값을 담고 있는 정보를 속성이라고 한다.
속성은 내장 객체에서도 만들어져 있다. 객체의 속성 값을 가져올 때에서는 객체 이름 뒤에 마침표를 찍고 속성 이름을 적는다.
속성: 객체에서 값을 담고 있는 정보
객체에서 속성 말고도 중요한 개념이 있는데, 바로 메서드이다.
메서드는 객체가 어떻게 동작할지를 선언해 놓은 함수이다.
메서드: 객체가 어떻게 동작할지를 선언해 놓은 함수
728x90
반응형
'JavaScript > [theory]' 카테고리의 다른 글
[객체] #3. Array 객체 (2) | 2022.11.01 |
---|---|
[객체] #2. 객체의 프로토타입과 인스턴스 (0) | 2022.10.31 |
[함수] #4. 함수와 이벤트 (0) | 2022.10.05 |
[함수] #3. 함수 표현식 (0) | 2022.10.04 |
[함수] #2. let과 constant로 변수 선언하기 (0) | 2022.10.03 |