객체 알아보기

객체란 ?

: 프로그래밍 언어에서 객체는 여러 가지 의미로 해석할 수 있지만, 자바스크립트에서 객체는 프로그램에서 인식할 수 있는 모든 대상을 가리키는 정도로 이해하자. 자바스크립트는 웹 사이트나 웹 애플리케이션을 개발하는 언어이므로 웹고 관련된 대상을 모두 객체로 인식한다.

• 문서 객체 모델(DOM) : 웹 문서 자체도 객체이고 그 안에 삽입되어 있는 이미지와 링크, 텍스트 필드 등도 객체이다. 일반적으로 웹 문서에 삽입하는 요소는 document, image, link 객체 등이 있다.

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

• 내장 객체 : 웹 프로그래밍을 할 때 자주 사용하는 요소는 자바스크립트 안에 미리 객체로 정의되어 있는데, 이를 내장 객체라고 합니다. 예를 들어 날짜, 시간과 관련된 프로그램을 개발하려면 Date 객체를 가져와 쉽게 사용할 수 있다.

객체의 인스턴스 만들기

: 자바스크립트에서 객체는 참조 형태로 사용해야 한다. 즉, 객체 자체가 아니라 인스턴스의 형태로 만들어 그 인스턴스에 식별자를 붙여 사용한다.

new 객체명

example)
var now = new Date(); // Date 인스턴스 만들고 변수에 저장하기
document.write("현재 시각은 " + now);

프로퍼티와 메서드

: 객체에는 프로퍼티property 와 메소드method 가 있는데, 프로퍼티는 객체의 특징이나 속성을 나타내고, 메소드는 객체에서 할 수 있는 동작을 표현한다. 인스턴스는 객체의 프로퍼티와 메소드를 그대로 물려받아서 똑같이 사용하기에 프로퍼티와 메소드를 표시하려면 인스턴스명 뒤에 마침표(.)을 붙이고 객체의 프로퍼티나 메소드 이름으로 작성한다. 이때 메소드는 함수와 같은 역할을 하므로 getHours()처럼 이름 옆에 괄호를 넣어야 합니다. Date객체에는 현재 날짜와 시간 정보를 로컬 형식으로 바꿔주는
toLocaleString() 메소드가 있는데 다음 예시에서 적용한 모습이다.

var now = new Date()
document.write("현재 시각은 " + now.toLocaleString());