자바스크립트 객체 생성 예제(객체 생성 첫번째 방법)

안녕하세요

이번 시간에는 자바스크립트에서 객체를 생성하는 예제를 주석과 함께

올려봅니다.

<script type="text/javascript">

var x="전역변수"; // 함수 밖에서 선언



var dataType=function(){

 // 기본자료형:number(정수, 실수), boolean, string, null, undefined

 var b=10;

 var a="지역변수"; // 함수 내에서 선언

 // var 키워드를 생략하면 전역변수

 c="전역변수"



 console.log("a="+a); // 크롬에서 F12 눌렀을 때 console 창에 ㅜㄹ력

 console.log("x="+x);

 console.log("b="+b);

}



var objType=function(){

 // alert("a="+a); a는 지역변수이므로 참조 못함

 // 참조유형 : 객체(Object 유형), 배열

 // 객체 생성 방법1

 var tv = new Object(); // tv 객체 유형

 console.log(typeof tv);

 // 객체는 속성(property,멤버변수)과 행동양식(function,method)을 갖는다.

 // 속성(명사형)

 tv.width=300;

 tv.height=200;

 tv.color="black";

 tv.weigth="30kg";

 // 행동양식=>함수로 구현(동사형)

 tv.off=function(){

  document.write("<h1>TV전원 off 했어요 </h1>");

 }

 tv.on=function(){

  document.write("<h1>TV전원 on 했어요 </h1>");

 }



 //console에 tv의 폭울 출력해보자

 console.log("tv.width="+tv.width);



 //tv의 on()함수와 off()함수를 각각 호출해보자

 tv.on();

 tv.off();

}

</script>