EverGiver
객체 본문
728x90
객체란?
자바스크립트에서 객체는 프로그램에서 인식할 수 있는 모든 대상을 가리킨다.
- 자바스크립트에서 사용하는 객체
- 문서 객체 모델(DOM)
: 웹 문서 자체도 객체이고 그 안에 삽입되어 있는 이미지와 링크, 텍스트 필드 등도 모두 객체이다. 일반적으로 웹 문서에 삽입하는 요소는 document, image, link 객체 등이 있다.
- 브라우저 관련 객체
: 웹 브라우저에서 사용하는 정보도 객체로 나타낼 수 있다. 사용하는 브라우저 정보를 담고 있는 navigator 객체를 비롯해 history, location, screen 객체 등이 있다.
- 내장 객체
: 웹 프로그래밍을 할 때 자주 사용하는 요소는 자바스크립트 안에 미리 객체로 정의되어 있는데, 이를 내장 객체라고 한다. - 객체의 인스턴스 만들기
- 자바스크립트에서 객체는 참조 형태로 사용해야 한다.
(객체 자체가 아니라 인스턴스의 형태로 만들어서 사용해야 한다.)
- 자바스크립트 안에 정의된 객체는 그대로 두고 객체와 똑같은 속성과 기능을 만들 수 있다.
▷ 자바스크립트의 객체가 틀이라면 그 틀을 기본으로 해서 계속 같은 모양으로 찍어 내는 것이 인스턴스이다.
▷ 그 인스턴스에 식별자를 붙여 사용한다.
- 객체의 인스턴스를 만들 때는 new라는 예약어를 사용한다.
new 객체명
- 프로퍼티와 메서드 이해하기
- 프로퍼티 (property)
: 객체의 특징이나 속성을 나타낸다.
- 메서드 (method)
: 객체에서 할 수 있는 동작을 표현한다. - 마침표 표기법으로 프로퍼티와 메서드 작성하기
- 인스턴스는 객체의 프로퍼티와 메서드를 그대로 물려받아서 똑같이 사용한다.
- 프로퍼티와 메서드를 표시하려면 인스턴스명 뒤에 마침표(.)를 붙이고 객체의 프로퍼티나 메서드 이름을 작성한다.
728x90
'Front-End (웹) > 자바스크립트' 카테고리의 다른 글
브라우저와 관련된 객체 (0) | 2022.02.18 |
---|---|
내장 객체 (0) | 2022.02.17 |
이벤트 (0) | 2022.02.15 |
함수 표현식 (0) | 2022.01.29 |
재사용할 수 있는 함수 (0) | 2022.01.29 |
Comments