본문 바로가기
Language/JavaScript

[JS] 객체 object

by 그랴 2022. 8. 4.

프로그래밍 언어에서 객체는 여러 가지 의미로 해석할 수 있다.

자바스크립트는 웹 사이트나 웹 애플리케이션을 프로그래밍하는 언어이기 때문에 웹 브라우저나 웹 문서와 관련된 것들을 객체로 인식한다.

 

내장 객체 Built-in Object

프로그래밍을 할 때 자주 사용하는 요소가 미리 객체로 정의되어 있다.

ex) Number, Boolean, Array, Math 등

문서 객체 모델 DOM

객체를 사용해 웹 문서를 관리하는 방식

웹 문서뿐만 아니라 웹 문서 안에 포함된 이미지·링크·텍스트 필드 등도 모두 각각 별도의 객체로 미리 만들어 놓음

브라우저 객체 모델 BOM

웹 브라우저의 주소 표시줄이나 창 크기 등 웹 브라우저 정보를 객체로 다루는 것

사용자 정의 객체

사용자가 필요할 때마다 자신의 객체를 정의해서 사용할 수 있음

여러 정보를 하나로 묶어 사용해야 할 때 사용자가 직접 객체를 만들 수 있다.


속성 Property

객체에서 값을 담고 있는 정보

객체의 속성 값을 가져올 때는 객체 이름 뒤에 마침표(.)를 찍고 그 뒤에 속성 이름을 적는다.

메서드 Method

객체가 어떻게 동작할지를 선언해 놓은 함수

메서드를 사용할 때도 마침표(.)를 사용해서 객체 이름 다음에 메서드를 지정하면 된다.

메서드를 실행할 때 인수가 필요하면 괄호 안에 인수를 지정하고, 필요 없다면 빈 괄호를 함께 입력한다.

프로토타입 Prototype

객체가 공통으로 가지는 속성과 기능을 모아 놓은 것

인스턴스 Instance

프로토타입을 사용해 만들어낸 객체

객체의 인스턴스를 만들 때, new 예약어를 사용한다.

ex) new Date() : Date 객체의 인스턴스 만들기