프로그래밍 언어에서 객체는 여러 가지 의미로 해석할 수 있다.
자바스크립트는 웹 사이트나 웹 애플리케이션을 프로그래밍하는 언어이기 때문에 웹 브라우저나 웹 문서와 관련된 것들을 객체로 인식한다.
내장 객체 Built-in Object
프로그래밍을 할 때 자주 사용하는 요소가 미리 객체로 정의되어 있다.
ex) Number, Boolean, Array, Math 등
문서 객체 모델 DOM
객체를 사용해 웹 문서를 관리하는 방식
웹 문서뿐만 아니라 웹 문서 안에 포함된 이미지·링크·텍스트 필드 등도 모두 각각 별도의 객체로 미리 만들어 놓음
브라우저 객체 모델 BOM
웹 브라우저의 주소 표시줄이나 창 크기 등 웹 브라우저 정보를 객체로 다루는 것
사용자 정의 객체
사용자가 필요할 때마다 자신의 객체를 정의해서 사용할 수 있음
여러 정보를 하나로 묶어 사용해야 할 때 사용자가 직접 객체를 만들 수 있다.
속성 Property
객체에서 값을 담고 있는 정보
객체의 속성 값을 가져올 때는 객체 이름 뒤에 마침표(.)를 찍고 그 뒤에 속성 이름을 적는다.
메서드 Method
객체가 어떻게 동작할지를 선언해 놓은 함수
메서드를 사용할 때도 마침표(.)를 사용해서 객체 이름 다음에 메서드를 지정하면 된다.
메서드를 실행할 때 인수가 필요하면 괄호 안에 인수를 지정하고, 필요 없다면 빈 괄호를 함께 입력한다.
프로토타입 Prototype
객체가 공통으로 가지는 속성과 기능을 모아 놓은 것
인스턴스 Instance
프로토타입을 사용해 만들어낸 객체
객체의 인스턴스를 만들 때, new 예약어를 사용한다.
ex) new Date() : Date 객체의 인스턴스 만들기
'Language > JavaScript' 카테고리의 다른 글
[JS] Uncaught TypeError: Cannot read property 'addEventListener' of null (1) | 2022.09.30 |
---|---|
객체 지향 프로그래밍 OOP (0) | 2022.08.04 |
[JS] event handler 사용법 (0) | 2022.08.04 |
브라우저 환경의 자바스크립트 (0) | 2022.07.13 |
JS 복습 심화 (0) | 2022.07.13 |