-
04 객체란?JavaScript/기초편 2023. 8. 24. 20:45반응형
객체란?
JS에서는 객체는 프로그램에서 인식할 수 있는 모든 대상을 가르킨다
•문서 객체 모델(DOM) : 웹 문서 자체도 객체이고 그 안에 삽입되어 있는 이미지와 링크, 텍스트 필드 등도 모두 객체이다 ( 일반적으로 웹 문서에 삽입하는 요소는 document, image, link 객체 들이 있다)
•브라우저 관련 객체 : 웹 브라우저에서 사용하는 정보도 객체로 나타낼 수 있다
(사용하는 브라우저 정보를 담고 있는 navigator 객체를 비롯해 history, location, screen 객체 등이 있다)
•내장 객체 : 웹 프로그래밍을 할 때, 자주 사용하는 요소는 JS 안에 미리 객체로 정의되어 있는데 이를 내장 객체라고 한다 (예를 들어 Date 객체를 가져와 날짜, 시간 출력한다)
1) 객체의 인스턴스 만들기
- JS에서는 객체는 참조 형태로 사용해야 합니다.
- 인스턴스를 만들 때는 new라는 예약어를 사용합니다
Date 객체의 인스턴스 만들기
2) 프로퍼티와 메서드 이해하기
‘자동차 운전’이 하나의 프로그램이라면
‘자동차’는 객체가 되고, 자동차의 프로퍼티는 자동차 제조사나 모델명, 색상, 배기량 등이 된다
또한 메서드는 시동 걸기, 움직이기, 멈추기, 주차하기 등이 된다
- 마침표 표기법으로 프로퍼티와 메서드 작성하기
프라퍼티와 메서드를 표시하려면 인스턴스명 뒤에 마침표(.)를 붙이고 객체의 프로퍼티나 메서드 이름을 작성합니다
반응형'JavaScript > 기초편' 카테고리의 다른 글
06 Date 객체 (0) 2023.08.26 05 Array 객체 (0) 2023.08.24 03 함수와 이벤트 (0) 2023.08.23 02 JS 기본문법 (0) 2023.08.20 01 CSS, 알림창 (0) 2023.08.19