메뉴 건너뛰기

XE Guidebook

JS 기초
2016.07.29 18:45

2-01 변수

조회 수 20 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

◈ 변수


● 변수의 정의

   var 변수이름 = 값
 
   문자열, 숫자, 조건식으로 설정한 식 등을 변수로 사용할 수 있다.
 
   var a = 10
   document.write(a)
 
※ 변수 이름 생성시 주의할 점
 
 - 한국어(2바이트)는 사용 불가
 - 스페이스, 콤마, 물음표, 인용부호(? ! 등등) 등 특수기호/문자 사용불가
 - 변수 이름 안에 숫자를 넣는 것은 가능하지만,
   변수 이름 앞에 숫자는 사용불가 
 - 대, 소문자 구별
 - javaScript 내부적으로 미리 사용하는 키워드나 예약어는 사용할 수 없지만,
   예약어를 포함하는 문자는 사용 가능
   예약어란 시스템에서 미리 예약되어 있는 문자를 뜻하며,
   오브젝트, 함수, 인수, 변수 등의 이름에서도 사용불가
 
 ※ 예약어
    abstract, boolean, break, byte, case, case, catch, char, class, const, continue, default, do, double,
    else, extends, final, finally, float, for, function, goto, if, inplements, import, in, instanceof, int,
    interface, long, native, new, null, package, private, protected, public, return, short, static, super,
    switch, synchronized, this, trrow, transient, try, var, void, while, with, FALSE, TRUE
 
 

● 변수의 범위 : 전역변수와 지역변수

   javaScript는 데이터타입을 선언하지 않더라도 변수를 만들수 있다.
   변수의 범위를 명확히 하려면 var 선언하여 변수를 만드는 것이 좋다.
  
   자바스크립트에서는 함수 밖에서 선언하면 무조건 전역변수로 선언된다.
   함수 내에서 var를 붙이고 선언하면 지역변수가 되고, 그냥 선언하면 전역변수가 된다.
 
   이미 선언된 변수를 함수 내에서 다시 var로 선언하면 새로운 지역변수로 선언되고,
   함수 안에서 호출하면 새로 선언된 지역변수로 호출되고, 함수 밖에서 호출하면 원래 전역변수로 호출된다.
   함수 안에서 var을 사용하지 않은 변수는 전역변수로 인식된다.
 
<script type="text/javascript">
  var myPage = 10;
  function myFun(){
    var temp = 10;
    total = temp + 20;
  }
  function myFun2(){
    var temp = 20;
  }
</script>
 
total 변수는 함수 내부에 존재하지만 전역변수가 된다.
myPage 변수는 함수 밖에서 선언된 전역변수이다.
temp 변수는 지역변수로 함수 애부에만 영향을 미친다.
 
 
<script>
  var a = 0;    //전역
  b = 0;      //전역
 
  function test() {
    var a = 1;  //지역
    b = 3;    //전역    
    var c = 4;  //지역
    alert(a);   //==1, 함수 내에서 호출하면 지역변수 a
    alert(b);   //==3, 전역변수 b
    alert(c);   //==4, 지역변수 c
  }
  test();
  alert(a);      //==0, 함수 밖에서 호출하면 전역변수 a
  alert(b);      //==3, 전역변수 b
  //alert(!c);     //오류, c는 test에 포함된 지역변수이므로...
</script> 
 
 

● 변수의 지정과 출력

  <script language = "javaScript">
    x = 2
    y = x + 1
    document.write(y);
  </script>
 
  ※ document.write()
     ( ) 안에 입력된 내용을 화면상에 출력하는 명령어이다.
     document.write("Hello! javaScript")처럼 문자를 넣을 때는 반드시 따옴표(" ")안에 써야 한다.
 
 

(예제) 플래그 변수
 
  <script language="javascript">
    <!--
      a=0 
      b=0 
      function exam() {
        if(a<10) {
          a++ // a가 10보다 작으면 1씩 증가
        } else {
          b=1 // a가 10보다 작지 않으면 b는 1
        }
          if(b==1) {
            document.write(a) // b가 1이면 a를 출력 
          } else {
            exam() // 아니면 한번 더 반복
          }
      }
      exam() // 결과10이 출력됨
    //-->
  </script>
 
  b 변수는 a값을 출력하는데 조건역할을 한다. 
  이처럼 깃발을 올리고 내리는 역할을 하는 변수를 플래그 라고 한다.