자바스크립트 객체, 속성, 메서드, 프로토타입, 인스턴스 ,생성자 함수 뜻

 

자바스크립에서 4가지의 객체가 있다.

 

1. 내장객체 (Built-in Object)

자바스크립트 안에는 미리 정의되어 있는 객체를 말한다.

날짜와 시간에 관련된 Date 객체, Number 객체, Boolean 객체, Array, Math 등의 내장 객체 있다.

 

 

2. 문서 객체 모델 (DOM - Document Object Model) - 내장 객체에 포함

객체를 이용해 웹 문서를 관리하는 방식을 문서 객체 모델이라고 한다.웹 문서뿐만 아니라 웹 문서 안에 포함된 이미지, 링크, 텍스트 필드 등 모두 각각 별도의 객체로 미리 만들어 놓은 것각각의 문서 객체 모델을 통해 웹을 편리하게 프로그래밍 할 수 있다.

 

 

3. 브라우저 객체 모델 (BOM - Browser Object Model) - 내장 객체에 포함

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

사용 중인 브라우저 종류나 버전을 담고 있는 Navigator 객체, 방문 기록을 남기는 History 객체, 

주소 표시줄 정보를 담은 Location 객체, 화면 크기 정보를 담은 Screen 객체 등이 있다.

 

 

4. 사용자 정의 객체

사용자가 필요에 따라 자신의 객체를 정의해서 사용하는 것도 가능하다.

다양한 객체들을 사용자가 직접 만들어 프로그래밍 할 수 있다.

 

 

 

 

 

객체(Object)

- 자바스크립트는 객체 기반 언어이다.

 

 

객체의 정의

- 객체는 복합 자료형으로 기본 자료형들 (숫자, 문자열 등)이 포함되어 있는 자료형이다.

- 객체도 자료형 중 하나이기 때문에 자료를 저장하고 처리하는 기본 단위다.

- 자바스크립트 객체는 프로퍼티(속성)와 메서드(방법)을 데이터정보값으로 가지고 있는 하나의 컨테이너(꾸러미)입니다.

 

var car = {type:"Fiat", model:"500", color:"white"};

정보값들은 이름:값 이라는 그룹으로 이루어져 있으며, 각각의 정보값들은 콤마로 구분됩니다.

 

 

 

예제_

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

칸을 띄우는 것과 줄 바꿈하는 것은 크게 중요하지 않습니다. 객체는 한줄이나 여러줄이나 동일하게 인식합니다.

 

var person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

 

 

 

속성(Property)과 메서드(Method)

- 객체에서 값을 담고 있는 정보를 속성(Property)이라고 한다.

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

  객체명.객체속성명 또는 객체명['객체속성명']

  objectName.propertyName = property.Value

 

 

- 메서드는 객체가 어떻게 동작할지를 선언해 놓은 함수다.

  ==> 메서드는 객체의 속성에 저장된 객체전용함수라고 생각하면 된다.

- 속성값과 똑같이 메서드를 사용하고 싶을 때, "objectName.methodName()" 을 선언하면 해당되는 동작이 실행된다.

- 메서드를 실행할 때 인수가 필요하면 괄호 안에 인수를 지정하고 필요 없다면 괄호만 적으면 된다.

 

 

 

 

 

 

프로토타입(Prototype)과 인스턴스(Instance)

- 공통적으로 가지는 속성과 기능들을 묶은 하나의 틀을 프로토타입(Prototype)이라 하며,

- 각각의 객체들 즉 노래1, 노래2, 노래3을 인스턴스(Instance)라고 한다.

--> 인스턴스를 만들 때는 new 예약어를 사용한다.

--> Date 객체를 이용해 인스턴스를 만들고 싶다면 변수를 선언하고 Date 객체의 인스턴스를 저장하면됨

 

 

 

 

 

 

 

 

[블로그참고]

https://blog.naver.com/corwldnjs/221869107667

자바스크립트 객체, 속성, 메서드, 프로토타입, 인스턴스, 리터럴 표기법, 생성자 함수

 

 

https://blog.naver.com/hadaboni80/221699523643

자바스크립트 객체, 속성, 메서드(Objects, property, method, this)