EverGiver

객체 본문

Front-End (웹)/자바스크립트

객체

친절한개발초보자 2022. 2. 16. 21:34
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