본문 바로가기
HTML+CSS+Javascript/Javascript

2. 변수

by 김마리님 2020. 3. 10.

-변수

 

자바스크립트는 HTML이나 CSS와 제일 크게 다른 점은 변수의 대소문자를 구분한다는 점이다. 변수명 선언 시, 이미 가지고 있는 단어(if, for....)를 사용할 수 없으며, 또한 문장의 끝은 항상 ;(세미콜론)을 입력해서 문장을 종료해주어야 한다.

자바스크립트는 다른 언어와 다르게(파이썬 빼고!) 변수의 타입을 따로 지정해 줄 필요 없이 var 변수명; 으로 변수를 지정한다.

또한 변수는 사용범위에 따라 전역변수와 지역변수로 나눌 수 있다.

지역 변수 : 선언한 함수 내에서만 사용할 수 있음

전역 변수 : 함수에 상관 없이 프로그램 전체에서 사용할 수 있음.

함수 밖에서 var로 선언할 경우, 이는 전역변수로서 활동하고, 함수 내에서 var로 선언할경우 이는 지역변수로 취급된다. 

단 함수 내에서도 var의 형태로 선언되지 않으면, 이는 전역변수로 취급된다.

        function a1(){
            a=10; 
            b=a+20;
            d=a+b;
            var e=25;
            document.write(d); //한 라인에 코드가 끝나면 반드시 ; 입력
            document.write("<br>");
            }
        var c=3;
       function b1(){
            document.write(c);
            document.write("<br>");
            document.write(a);
            document.write(e);
        }
        a1();
        b1();

빨간색 변수의 경우, var의 형태로 선언되지 않았기 때문에, 전역변수 취급을 받는다. 그렇기 때문에 함수 b1에서 호출되었어도 같은 10의 값을 가진다.

노란색 변수의 경우도 함수 밖에서 선언되었기 때문에, 전역변수 취급으로 b1의 함수에서도 그대로 3의 값을 가진다.

초록색 변수의 경우 a1 함수에서 var의 형태로 선언되었기 때문에, 지역변수 취급을 받기 때문에 b1에서 값을 가지지 못하고, 값이 출력되지 않게 된다.

 

 

-상수

변수는 저장 공간의 이름(a, name 등)이라면, 상수는 그 내부에 들어가는 값(3, 물컵 등)이다. 

상수의 종류는 여러개가 있는데, 크게 정수형(소수점을 포함하지 않는 숫자), 실수(소수점을 포함하는 숫자), 논리(참, 거짓), 문자열("물컵", "휴대폰")이 있다. 

    <script>
        var oct=015;
        var hex=0x14;
        var con=true;
        document.writeln(oct);
        document.writeln(hex);
        document.writeln(con);
        document.writeln('문자열1');
        document.writeln("문자열1");
    </script>

빨간색 함수의 경우, 숫자열이다. 다만, oct같은 경우 8진수, hex는 16진수의 값이다. 따라서 출력시에는 10진수의 값으로 출력된다.

노란색 함수는 참/거짓을 나타내는 논리형이다.

초록색 함수는 문자열로써, "(큰 따옴표)나 '(작은 따옴표) 무엇으로 둘러쌓아도 값을 출력할 수 있다.

 

반응형

'HTML+CSS+Javascript > Javascript' 카테고리의 다른 글

6. 함수  (0) 2020.03.11
5. 반복문  (0) 2020.03.11
4. 조건문  (0) 2020.03.11
3. 연산  (0) 2020.03.10
1. 자바스크립트 시작  (0) 2020.03.10