7.객 체

7.3 객체의 생성과 사용

  이미 만들어져서 제공되는 객체나 함수 말고, 사용자가 필요한 객체를 생성할 수 도 있다. 이해를 돕기 위하여 자동차라는 객체를 만들어 보자.

  먼저 자동차의 특성을 나타내는 것들을 뽑아보자. 그래야 그 것들을 가지고 속성으로 만들어 줄 테니까. 간단히 자동차의 색상(color), 모델명(model), 차주인 이름(owner)을 속성으로 갖는다고 하면, 나중에 사용할 모습은 이렇게 될것이다.
car.color
car.model
car.owner
  이러한 속성 값들을 가지도록 만들면 될 것이다. 이제 생성해보자. 자바스크립트에서는 새로운 객체를 만들어 낼 때 속성(Attribute)와 함수(Function, Method)가 필요하다.   먼저 함수를 만들면,
    this   this는 this라는 문자가 들어가 있는 가장 바깥쪽의 괄호의 주인을 가리킨다. 즉, this는 car라는 함수 자신이 되는 것이다. 정확히 말하면 생성되는 객체 자체를 가리킨다. new라는 연산자에 의해서 생성되는 객체를 this가 지칭한다.


  위와 같이 준비가 되었다면, 다음과 같이 mycar라는 인스턴스를 생성하고, 사용할 수 있게 되는 것이다.
  이미 생성된 인스턴스에 새로운 속성(Property, Attribute)를 추가하고 한다면, 단순히 해당 인스턴스에 새로운 속성을 할당만하면 된다. 위에서 새로 생성된 mycar라는 인스턴스에 등급(grade)를 추가하려면 다음과 같이 하면 된다.

mycar.grade = "1"; //프라퍼티 첨가
    객체에 속한 모든 값   앞에서 for...in...에 대해서 간단히 살펴보았었다. 이 기능을 활용하면, 객체가 가지고 있는 모든 속성이나 함수에 뭐가 있는지 한번에 볼 수 있다. 위에서 생성한 mycar라는 인스턴스를 예로 들면,

    var mesg = "";
    for(obj in mycar){ // mycar에 속하는 각 obj
       mesg += obj + " \n";
    }
    alert(mesg);

- Last Update : 2001.7.3 by Deadfire(http://www.deadfire.net)

Javascript 강좌
들어가기
Javascript란?
작동 방식
장 단 점
기 초
     - HTML문서에추가하기
     - 최초 예제
     - 함수사용하기
     - 기본 함수
문 법
     - 변 수
     - 연 산
     - 조 건 문
     - 반 복 문
     - 사용자함수
객 체
     - Object란?
     - 속성과 함수
     - 객체의 생성과사용
내장 객체
     - Date
     - Math
     - String
     - Array
     - Boolean
     - Function
     - Argument
     - Number
     - Global
     - 기 타
     - with / delete
Event 객체
네비게이터 객체
     - 네비게이터객체구조
     - 객체 접근 방법
     - navigator
     - window
     - location
     - history
     - document
     - form
     - form elements
Frame 객체
기 타
     - Animation
     - Audio
마치며

Copyright ⓒ 1997 ~, Deadfire Program Master