티스토리 뷰

Javascript

[Javascript] 변수의 종류

변수의 종류

변수는 사용 가능 범위에 따라 지역 변수, 전역 변수, 매개 변수, 멤버 변수로 구분됩니다.

변수의 종류

지역 변수 : 특정 범위 안에서만 사용하는 변수
전역 변수 : 모든 영역 안에서 사용하는 변수
매개변수(파라미터) : 함수 외부에서 함수 내부로 데이터를 전달하기 위한 변수
멤버변수(프로퍼티) : 클래스 내부에 만들어지며 주로 객체에서 사용하는 변수

지역변수/전역변수

지역변수와 전역변수에 대한 예제입니다.

결과
함수 안
300
400
500

함수 밖
100
200
500
html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
        var x1 = 1000;      //(전역)변수 x1에 숫자를 1000을 저장
        var x2 = 2000;      //(전역)변수 x2에 숫자를 2000을 저장
        var x3;             //(전역)변수 x3를 선언

        x1 = 100;           //(전역)변수 x1에 숫자를 1000에서 100으로 변경
        x2 = 200;           //(전역)변수 x2에 숫자를 2000에서 200으로 변경

        function func(){
            var x1 = 3000;  //(지역)변수 x1에 숫자를 3000을 저장
            var x2 = 4000;  //(지역)변수 x2에 숫자를 4000을 저장

            x1 = 300;       //(지역)변수 x1에 숫자를 3000에서 300으로 변경
            x2 = 400;       //(지역)변수 x2에 숫자를 4000에서 400으로 변경
            x3 = 500;       //(전역)변수 x3에 숫자를 500을 저장

            document.write("함수 안<br>");
            document.write(x1);
            document.write("<br>");
            document.write(x2);
            document.write("<br>");
            document.write(x3);
            document.write("<br><br>");
        }
        func();

        document.write("함수 밖<br>");
        document.write(x1);
        document.write("<br>");
        document.write(x2);
        document.write("<br>");
        document.write(x3);
    </script>
</head>
<body>
    
</body>
</html>

매개변수

매개변수에 대한 예제입니다.

결과
1000

javascript

html

CSS

jQuery

javascript + jquery
script
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>매개변수</title>
    <script>
        //화면에 숫자 1000을 출력하세요!!
        document.write(1000);
        document.write("<br><br>");

        //화면에 문자 javascript를 출력하세요!!
        document.write("javascript");
        document.write("<br><br>");

        //변수(x1)에 문자열 "html"을 저장하고 출력하세요!!
        var x1 = "html";
        document.write(x1);
        document.write("<br><br>");

        //함수(func1)를 이용해서 화면에 "CSS"를 출력하세요!!
        function func1(){
            document.write("CSS");
            document.write("<br><br>");
        }
        func1();

        //매개변수를 이용해서 화면에 "jQuery"를 출력하세요!!
        function func2(str){
            document.write(str);
            document.write("<br><br>");
        }
        func2("jQuery");

        //매개변수를 이용해서 화면에 "javascript + jquery"를 출력하세요!!
        function func3(str1, str2){
            document.write(str1, " + " + str2);
            document.write("<br><br>");
        }
        func3("javascript","jquery");
    </script>
</head>
<body>

</body>
</html>

공유하기(Share) 더보기

  • 네이버 블러그 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 트위터 공유하기
  • 트위터 공유하기

공감하기(Like) 더보기

UP NEXT : Ads by Google

질문하기(Questions)
댓글쓰기 폼