Do it! HTML+CSS+자바스크립트 웹 표준의 정석
[객체]
객체
자바스크립트에서 객체는 프로그램에서 인식할 수 있는 모든 대상을 가리킨다는 것으로 이해하면 쉽다.
- 문서객체모델(DOM)
: 웹 문서 자체도 객체이고 그 안에 삽입되어 있는 이미지, 링크, 텍스트 필드 등도 모두 객체이다. 일반적으로 웹 문서에 삽입하는 요소는 document, image, link 객체 등이 있다. - 브라우저 관련 객체
: 웹 브라우저에서 사용하는 정보도 객체로 나타낼 수 있다. 사용하는 브라우저 정보를 담고 있는 navigator 객체를 비롯해 history, location, screen 등이 있다. - 내장 객체
: 웹 프로그래밍을 할 때 자주 사용하는 요소는 자바스크립트 안에 미리 객체로 정의되어 있는데, 이를 내장 객체라고 한다. 예를 들어 날짜, 시간과 관련된 프로그램을 개발하려면 Date 객체를 가져와 쉽게 사용할 수 있다.
객체 인스턴스
자바스크립트에서 객체는 참조 형태로 사용해야 한다.
즉, 객체 자체가 아니라 인스턴스 형태로 만들어 사용해야 한다.
자바스크립트 안에 정의된 객체는 그대로 두고 객체와 똑같은 속성과 기능을 만들 수 있다.
자바스크립트의 객체가 틀이라면 그 틀을 기본으로 계속 같은 모양을 찍어내는 것이 인스턴스.
객체의 인스턴스를 만들 때는 new 예약어를 사용한다.
//기본형
new 객체명
//예시
var now = new Date();프로퍼티, 메소드
프로퍼티 : 객체의 특징이나 속성
메소드 : 객체에서 할 수 있는 동작
예시) 자동차
프로퍼티={제조사, 모델명, 색상, 배기량}
메소드={시동걸기, 움직이기, 멈추기 주차하기}
마침표 표기법
인스턴스는 객체의 프로퍼티와 메소드를 그대로 물려받아 똑같이 사용한다.
프로퍼티와 메소드를 표시하려면 인스턴스명 뒤에 마침표를 붙이고 객체의 프로퍼티나 메소드 이름을 작성한다.
이 때 메소드는 함수와 같은 역할을 하므로 이름 옆에 괄호를 넣어야 한다. (EX: getHours())
