본문 바로가기

DHTML/Javascript

개채?속성?메소드?!!

<HTML>
<HEAD> <TITLE> 개체와 속성, 메소드 </TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function display()   // 메소드로 사용할 함수
{
     document.write("==================="+"<BR>")
  document.write("&nbsp;&nbsp;&nbsp;&nbsp;◈ 신 상 명 세 ◈"+"<BR>")
   document.write(" 이 름 : "+this.name+"<BR>")
  document.write(" 나 이 : "+this.age+"<BR>")
  document.write(" 주 소 : "+this.addr+"<BR>")
     document.write("==================="+"<BR>")
}

function Person() // 개체의 정의, 개체를 생성해주는 함수
{
     this.name
  // 'this'는 개체 자신을 의미함
  // 'name'이라는 속성
  this.age
  // 'age'라는 속성
  this.addr
  // 'addr'이라는 속성
  this.disp=display
  // 'disp'라는 메소드는 함수 'display()'로 지정함
  // 메소드로 사용할 함수가 미리 정의되어 있어야 함
}
//-->
</SCRIPT>

<BODY>
1. 개체 만들기<BR>
<SCRIPT LANGUAGE="JavaScript">
<!--
 man1=new Person()
 // 개체 선언부
 // 'new'라는 예약어를 이용해서 개체를 생성함
 man1.name="홍길동"
 // man1의 age 속성에 값 대입
 // 개체.속성=속성 값
 man1.age=20
 man1.addr="노원구 상계동"
 man1.disp()
 // 'man1'의 disp() 메소드 호출
 // 개체.메소드()
//-->
</SCRIPT>
<BR>
2. 개체의 구성 요소 출력<BR>
<SCRIPT LANGUAGE="JavaScript">
<!--
     var cnt=0
     for(member in man1) 
     // 'man1'을 구성하는 멤버(속성,메소드)들을 하나씩 읽어와서 변수 'member'에 저장     
  // 'man1'을 구성하는 멤버의 개수만큼 반복 실행
     // for(변수 in 개체 변수)
     //
     {
      document.write(member+"<BR>")
         cnt++
      } 
     document.write("객체 man1을 구성하는 속성과 메소드는 "+cnt+"개 입니다")
//-->
</SCRIPT>
</BODY>
</HTML>