Javascript Object   자바스크립트 객체

(2017-05-06)

객체

정보기술(IT) 1. 정보기술

전산기초
컴퓨터구조
프로그래밍
데이터베이스
소프트웨어 공학
운영체제
정보보호/보안
IT 기타기술
 > 프로그래밍프로그래밍 언어론
객체지향
자료구조
알고리즘
자료표현(알파벳/코드)
시스템 프로그래밍
프로그래밍언어 종류
프로그래밍 기타일반
 > 프로그래밍언어 종류 1. 프로그래밍 언어
2. 기계어,어셈블리언어

C/C++
자바(Java)
자바스크립트
PHP
 > 자바스크립트 1. JavaScript
2. JS 객체
3. JS 변수,타입
4. JS 함수
5. JS 배열

JS 이벤트
JS 활용
jQuery
     
1. 자바스크립트 객체자바스크립트 언어는 모든 것을 객체로 봄
     - 함수도, 데이터도, 변수도 모두 객체임
        . 결국, 모든 것을 객체를 통해 참조하여 값으로 처리할 수 있음
           .. 例) 심지어, 함수 그 자체를 전달인수나 리턴 값으로 취급할 수 있음
        . 동적으로 객체프로퍼티를 추가,제거,변경할 수 있음


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

  ㅇ 코어 객체(core object) / 내장 객체(built-in 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에 접근


[ 자바스크립트 ]1. JavaScript  2. JS 객체  3. JS 변수,타입  4. JS 함수  5. JS 배열  
      [JS 이벤트] [JS 활용] [jQuery]

 
        최근수정     모바일웹     참고문헌