본문 바로가기
  • think normal
새로워지기/서른의 생활코딩

샘플소스3) javascript 기본 문서구조 ( 함수 객체 )

by 청춘만화 2011. 4. 10.



함수선언은 아래와 같이 한다.

1) 해더 안에서의 함수선언.

    function 생성자 함수명(매개변수1,매개변수2)

2) 바디안에서의 객체 생성.
    객체이름=new 생성자 함수명(매개변수1,매개변수2)

 

혹시 기억하는지?
앞에서 언급했던 매개 변수..그녀석들이 다시 나왔다..




 


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">




<head>


<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />




<title> 함수 객체 </title>




<script type="text/javascript">


//<!CDATA[


function computer(cpu,ram,hdd/*인자값*/){


this.cpu=cpu; //this.속성=매개변수 ; mycomputer=this


this.ram=ram;


this.hdd=hdd;


}


function noramlstory(design,play,work/*인자값*/){


this.design=design; //this.속성=매개변수 ; mycomputer=this


this.play=play;


this.work=work;


}


//]]1]]]]>


</script>




</head>






<body>


<script type="text/javascript">


mycomputer=new computer("p4","4G","200G"); // mycomputer=this


yourcomputer=new computer("p2","1G","100G");


document.write("<h3>your computer</h3>");


document.write("cpu :" + yourcomputer.cpu + " | ");


document.write("ram :" + yourcomputer.ram + " | ");


document.write("hdd :" + yourcomputer.hdd + " | ");






mmm=new noramlstory("p4","4G","200G");


document.write("<h3> noramlstory</h3>");


document.write("design :" + mmm.design + " | ");


document.write("play:" + mmm.play + " | ");


document.write("work :" +mmm.work + " | ");


</script>




</body>




</html>



댓글