[TIL]Javascript - 객체란? (문법, 사용 이유)

Object (객체) 

•  프로퍼티(property)의 정렬되지 않은 집합
  • property는 키(key)과 값(value)으로 구성
    
    • key : 문자열
    • value : 모든 자료형 사용가능

object = { key : value; }

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

✅  자바스크립트의 기본 타입(data type)은 객체(object)이다.

• 객체 : js에서는 프로그램에서 인식가능한 모든 대상을 지칭
  • 숫자, 문자열, 불리언, undefined타입을 제외한 모든 것
  • 원시 타입인 숫자, 문자열, 불리언의 경우 값이 정해진 객체로 취급. 객체로서의 특징도 함께 가진다.

• 이미지도 객체, 링크도 객체, 텍스트도 객체, 링크도 객체
• 웹 문서 자체도 객체, 그 안에 사용되는 요소도 객체
  • 문서 객체 모델 DOM : document, html, head, ... image, link 등
  • 브라우저 객체 모델 BOM : window, location, history, sreenm, frames, XMLHttpRequest 등

BOM, DOM

• Javascript 내장 객체
  • String, Date, Math 등

 

 

✅ 문법

• 'object literal' syntax

const obj = {};

 

• 'object constructor' syntax

const obj = new Object();

 

✅ 객체를 사용하는 이유

1) 소프트웨어의 재사용과 확장이 용이함

2) 유지 보수를 편리하게 함

 

 

💡 객체 지향 프로그래밍(Object-Oriented Programming)에 관해서는 캡슐화, 다형성 등 '필요'와 '유용성'에 관한 내용을 쉽게 찾을 수 있는데, '객체' 그 자체의 사용성에 대해여 명확하게 설명된 자료를 찾지 못했다. 내가 느낀 객체 느낌은 마치 레고 같았다. 만들고자 하는 것의 설계를 따라 배치하면 새로운 사용성, 외형을 창출 할 수 있는 것.

 

출처 : LEGO 공식 홈페이지

 

 

 

 

 

📚참고 자료

TCPschool  - "객체의 개념", "DOM의 개념"

http://tcpschool.com/javascript/js_object_concept

http://tcpschool.com/javascript/js_dom_concept

드림코딩 by 엘리 - "자바스크립트 7. 오브젝트 넌 뭐니?"

https://youtu.be/1Lbr29tzAA8