Javascript Object   자바스크립트 객체

(2017-11-06)

객체

1. 자바스크립트 객체자바스크립트 언어는, 모든 것을 객체로 봄
     - 함수도, 데이터도, 변수도 모두 객체임
        . 결국, 모든 것을 객체를 통해 참조하여 값으로 처리할 수 있음
           .. 例) 심지어, 함수 그 자체를 전달인수나 리턴 값으로 취급할 수 있음

     - 또한, 동적으로 객체프로퍼티를 추가,제거,변경할 수 있음


2. 자바스크립트 객체 구분

  ㅇ 코어 객체(core object) / 내장 객체(built-in object) / 네이티브 객체(native object)
     - 자바스크립트 언어 규약으로 정의되어짐 (ECMAScript 규약)
        . String, Date, Array, Math 등 자바스크립트 언어 내부에 내장되어 있는 객체들
     - 주요 종류
        . Global object (전역 객체)
        . Object object
           .. 기능은 많지 않으나, 가장 많이 쓰이며, 데이터의 저장 및 전송에 적당함
        . Function object
        . Array object
        . String object
        . Boolean object
        . Number object
        . Math object
        . Date object
        . RegExp object
        . JSON object
        . 기타 에러처리용 object 등

  ㅇ 호스트 객체
     - 실행 환경(운영체제,웹브라우저 종류) 마다 다르게 덧붙여 존재하는 객체
     - 주로, 웹브라우저 확장 등에 쓰임
        . 클라이언트웹브라우저 기동시 나타나는 전역 객체로써,
           .. BOM,DOM 모델(동적으로 접근가능토록 구조화된 객체) 관련 객체들
        . Window 객체 및 그 하위 객체들         ☞ 자바스크립트 Window 객체 참조
           .. 하위 객체들 例) location,history,document,navigator,screen


3. 자바스크립트 객체의 생성 및 저장 방법객체의 생성 방법 종류
     - 객체 리터럴 {}에 의한 방법
        . 한편, 객체 리터럴 이란?
           .. 각 항목들이 키-값(key-value) 쌍 (키:값) 으로되어, 
           .. 콤마(,)로 구분되고,
           .. 전체가 중괄호({})로 감싸진 형태
        . 例) var someObject = { (키-값 쌍 #1), (키-값 쌍 #2), (키-값 쌍 #3), ... };
                             = { 키1:값1, 키2:값2, 키3:값3, ... };
           .. 이때, someObject은 객체 리터럴에 의해 생성된 객체의 참조 임

     - new 함수명 (); 에 의한 방법 
        . 사용자 정의 생성자 함수를 이용하는 방법
           .. 이때의 자바스크립트 함수는 바로 객체 그 자체임
        . 例) var newCreatedFunction = new userConstructorFunction();

     - new Object (); 에 의한 방법
        . 例) var newCreatedObject = new Object();

  ㅇ 객체의 저장 방법 종류
     - 변수에 저장하기     : 例) var aVariable = " ... ";
     - 프로퍼티에 저장하기 : 例) someObject.aProperty = " ... ";


4. 자바스크립트 객체프로퍼티에 동적으로 접근(참조)하는 방법

  ㅇ 점 (.) 접근법 (더 많이 선호되는 방법)
     - 例) obj.x  // obj 객체프로퍼티 x에 접근

  ㅇ 대괄호 ([]) 접근법
     - 例) obj['x']  // obj 객체프로퍼티 x에 접근
     - 프로퍼티 이름에 변수를 써서 접근할 때 유용
        . 例) obj[프로퍼티변수명]  // obj 객체 내 특정 프로퍼티프로퍼티 이름으로 접근 가능


[자바스크립트] 1. JavaScript 2. JS 객체 3. JS 변수,타입 4. JS 함수 5. JS 배열 6. JS 연산자
[JS 이벤트] [JS 활용] [jQuery]
  1.   기술공통
  2.   기초과학
  3.   파동/광학/음향
  4.   방송/멀티미디어/정보이론
  5.   전자/전기/제어
  6.   통신/네트워킹
  7.   정보기술(IT)
        1. 정보기술
    1.   전산기초
    2.   컴퓨터구조
    3.   프로그래밍
      1.   프로그래밍 언어론
      2.   객체지향
      3.   자료구조
      4.   알고리즘
      5.   자료표현(알파벳/코드)
      6.   시스템 프로그래밍
      7.   프로그래밍언어 종류
            1. 프로그래밍 언어
            2. 기계어,어셈블리언어
        1.   C/C++
        2.   자바(Java)
        3.   자바스크립트
              1. JavaScript
              2. JS 객체
              3. JS 변수,타입
              4. JS 함수
              5. JS 배열
              6. JS 연산자
          1.   JS 이벤트
          2.   JS 활용
          3.   jQuery
        4.   PHP
        5.   (기타 언어)
      8.   프로그래밍 기타일반
    4.   데이터베이스
    5.   소프트웨어 공학
    6.   운영체제
    7.   정보보호/보안
    8.   IT 기타기술
  8.   기계/재료/공업일반
  9.   표준/계측/품질
  10.   기술경영

 
        최근수정     참고문헌