본문 바로가기

Webstoryboy

Category

Explanation

JAVASCRIPT

[Javascript] 변수의 종류

변수의 종류

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


변수의 종류

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

지역변수/전역변수

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

html
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>Javascript</title>
    <script>
        //변수 선언 
        let x = 1000;       //전역변수 
        let y = 2000;       //전역변수
        let z = 700;        //전역변수

        //함수 선언
        function fun1(){
            let x = 1000;       //지역변수
            let y = 2000;       //지역변수
            y = 3000;           //지역 변수 2000에서 3000으로 변경
            z = 800;             //전역 변수 700에서 800으로 변경

            document.write("함수 선언<br>");
            document.write(x);
            document.write("<br>");
            document.write(y);
            document.write("<br>");
            document.write(z);
            document.write("<br><br>");
        }

        fun1();
        document.write("변수 선언<br>");
        document.write(x);
        document.write("<br>");
        document.write(y);
        document.write("<br>");
        document.write(z);
        document.write("<br><br>");
    </script>
</head>
<body>
    
</body>
</html>

매개변수

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

script
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>javascript</title>
    <script>
        //웹 문서에 "javascript1" 문자열을 출력하시오.
        document.write("javascript1");
        document.write("<br><br>");

        //변수를 이용해서 웹 문서에 "javascript2" 문자열을 출력하시오.
        let x1 = "javascript2";
        document.write(x1);
        document.write("<br><br>");

        //함수를 이용해서 웹 문서에 "javascript3" 문자열을 출력하시오.
        function fun1(){
            let x1 = "javascript3";
            document.write(x1); 
            document.write("<br><br>");
        }
        fun1();

        //함수와 매개변수를 이용해서 웹 문서에 "javascript4" 문자열을 출력하시오.
        function fun2(x2){
            document.write(x2);
            document.write("<br><br>");
        }
        fun2("javascript4");

        //함수와 매개변수를 이용해서 웹 문서에 "javascript5" 문자열을 출력하시오.
        function fun3(str1, str2){
            document.write(str1,str2);
        }
        fun3("javascript","5");
    </script>
</head>
<body>
    
</body>
</html>

더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기