[Web/JS] 자바스크립트 - 객체

✏️ 객체

프로그래밍 언어에서 객체는 여러 가지 의미로 해석될 수도 있지만, 자바스크립트에서 객체는 프로그램에서 인식할 수 있는 모든 대상을 가리킨다고 생각하시면 될 것 같습니다. 아무래도 자바스크립트는 웹 사이트나 웹 애플리케이션을 개발하는 언어이기 대문에 웹과 관련된 대상을 모두 객체로 인식하게 됩니다.

 

#1 문서 객체 모델(DOM)

자바스크립트에서 사용하는 객체입니다. 웹 문서 자체도 객체이고 그 안에 삽입되어 있는 이미지와 링크, 텍스트 필드 등도 모두 객체입니다. 일반적으로 웹 문서에 사용하는 요소는 document, image, link 객체 등이 있습니다.

 

#2 브라우저 관련 객체

웹 브라우저에서 사용하는 정보도 객체로 나타낼 수 있습니다. 사용하는 브라우저 정보를 담고 있는 navigatgor 객체를 비롯해 history, screen, location 객체 등이 있습니다.

 

#3 내장 객체

웹 프로그래밍을 할 때 자주 사용하는 요소들은 자바스크립트 안에 미리 객체로 정의되어 있는데, 이를 내장 객체라고 합니다. C언어나 C++같은 언어의 내장 라이브러리하고 비슷한 개념이라고 생각하시면 될 것 같습니다. 예를 들면, 날짜와 시간과 관련된 프로그램을 개발하려면 Date 객체를 가져와 쉽게 사용할 수 있습니다.

 

#4 객체의 인스턴스

자바스크립트에서 객체는 참조 형태로 사용해야 합니다. 객체 자체가 아니라 인스턴스(instance)의 형태로 만들어서 사용해야 합니다. 자바스크립트 안에 정의된 객체는 그대로 두고 객체와 똑같은 속성과 기능을 만들 수 있습니다. 객체라는 틀리 있고 그 틀을 기반으로 계속 같은 모양을 찍어낼 수 있도록 하는 것이 인스턴스라고 생각하시면 될 것 같습니다. 인스턴스를 만들 때에는 new라는 예약어를 사용합니다. 기본형 => new 객체명

var now = new Date();
document.write("현재 시각은 " + now) ;	// 현재 날짜와 시간 표시하기

 

✏️ 프로퍼티와 메서드

객체에는 프로퍼티(property)와 메서드(method)가 있습니다. 프로퍼티는 객체의 특징이나 속성을 나타내고, 메서드는 객체에서 할 수 있는 동작을 표현합니다. 예를 들어 자동차 운전을 하나의 프로그램이라고 가정하겠습니다. 그러면 자동차는 객체가 되고, 자동차의 프로퍼티는 자동차 제조사나 모델명, 색상, 배기량 등이 될 수 있습니다. 메서드는 시동 걸기, 움직이기, 멈추기, 주차하기 등을 예시로 들 수 있을 것 같습니다.

✏️ 마침표 표기법

인스턴스는 객체의 프로퍼티와 메서드를 그대로 물려받아서 똑같이 사용합니다. 이를 사용하기 위해서는 정해진 방법이 있습니다. 바로 인스턴스명 뒤에 마침표(.)를 붙이고 객체의 프로퍼티나 메서드 이름을 작성하여 사용합니다.

var now = new Date();
document.write("현재 시각은 " + now.toLocaleString()) ;	// 로컬 형식으로 표시하기