728x90
객체(object)란
- 프로그램에서 인식할 수 있는 모든 대상
- 데이터를 저장하고 처리하는 기본단위
자바스크립트 객체
자바스크립트 안에 미리 객체로 정의 해놓은것.
- 문서 객체 모델(DOM) : 문서 뿐만 아니라 웹 문서 안에 포함된 이미지, 링크, 텍스트 필드등을 모두 별도의 객체로 관리합니당
- 브라우저 관련 객체 : 웹 브라우저 정보를 객체로 관리합니다
- 내장 객체 : 웹 프로그래밍에서 자주 사용하는 요소를 객체로 정의해 놓은 것입니다.
사용자 정의 객체
필요할 때마다 사용자가 직접 만드는 객체
객체의 인스턴스 만들기
객체는 객체 자체가 아니라 인스턴스 형태로 만들어서 사용해야 합니다.
인스턴스 : 객체를 틀처럼 사용해서 같은 모양으로 찍어낸것 이라고 생각합시다.
기본형)
new 객체명
예를 들자면 이런식입니다.
<script>
var now = new Date(); // Date 인스턴스 만들고 now 변수에 저장하기.
document.write("현재 시간은 " + now);
</script>
위처럼 인스턴스를 생성해서 사용합니다.
프로퍼티(property)와 메서드(method)
- 프로퍼티 : 객체의 특징이나 속성
- 메서드 : 객체에서 할수 있는 동작
자동차로 비유를 하자면,
| 프로퍼티 | 메서드 | |
| 제조사 | 시동 걸기 | |
| 모델명 | 움직이기 | |
| 색상 | 멈추기 | |
| 배기량 | 주차하기 |
로 나타낼수 있습니당
728x90
'JAVA SCRIPT' 카테고리의 다른 글
| 자바스크립트 기본!(객체3. Date 객체..) - Java Script (0) | 2022.12.16 |
|---|---|
| 자바스크립트 기본!(객체2, Array 객체, Array 메서드..) - Java Script (0) | 2022.12.16 |
| 자바스크립트 기본 문법!(이벤트와 이벤트 처리) - Java Script (0) | 2022.12.15 |
| 자바스크립트 기본 문법!(매개변수, 인수, return...등)-Java Script (0) | 2022.12.15 |
| 자바스크립트 기본 문법!(변수) - Java Script (0) | 2022.12.15 |