객체

객체

프로그램에서 인식할 수 있는 모든 대상

 

자바스크립트에서 사용하는 객체

① 문서 객체 모델 (DOM)

: 웹 문서 자체, 그 안의 이미지, 링크, 텍스트 등 모두 객체

② 브라우저 관련 객체

: 웹 브라우저에서 사용하는 정보 모두 객체 (window, navigator, history, location, screen)

③ 내장 객체

: 자바스크립트 안에 미리 객체로 정의된 것 (Array, Date, Math 등)

 

 

객체의 인스턴스 만들기

객체는 참조 형태로 사용

==> 객체 자체가 아니라 인스턴스의 형태로 만들어서 사용 (new 예약어를 이용)

객체 = 틀

인스턴스 = 그 틀을 기본으로 같은 모양을 찍어내는 것

    let now = new Date(); // new 예약어로 Date 객체의 인스턴스 생성
    document.write("현재 시각은 : " + now);

Date 객체의 인스턴스 생성

 

 

프로퍼티와 메소드

프로퍼티 : 객체의 특징이나 속성

메소드 : 객체가 할 수 있는 동작 (함수와 같은 역할을 하므로 괄호와 함께 사용)

인스턴스는 객체의 프로퍼티와 메소드를 그대로 상속받음

프로퍼티와 메소드 사용시

-> 인스턴스 명.프로퍼티 또는 인스턴스 명.메소드 형식으로 작성

    let now = new Date();
    document.write("현재 시각은 : " + now.toLocaleString()); // 로컬 형식으로 바꿔주는 메소드

Date 객체의 메소드 사용

 

 

 

 

 

 

Do it! HTML+CSS+자바스크립트 웹 표준의 정석 교재를 참고하여 작성했다.