티스토리 뷰

Javascript

[Javascript] 변수의 종류

변수의 종류

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

변수의 종류

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

지역변수/전역변수

jquery
<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>JavaScript</title>
  <script type="text/javascript">
    var x = 100;    //변수(전역) x에 숫자 100을 저장
    var y = 200;    //변수(전역) y에 숫자 200을 저장
    var z = 900;    //변수(전역) z에 숫자 900을 저장

    function area(){
      var x = 300;    //변수(지역) x에 숫자 300을 저장
      var y = 400;    //변수(지역) y에 숫자 400을 저장
      y = 600;        //변수(지역) y에 숫자 400 --> 600으로 변경
      z = 800;        //변수(전역) Z에 숫자 900 --> 800으로 변경

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

    document.write("area 함수 밖 <br>");
    document.write(x);
    document.write("<br>");
    document.write(y);
    document.write("<br>");
    document.write(z);

  </script>
</head>
<body>

</body>
</html>

매개변수

jquery
<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>JavaScript</title>
  <script type="text/javascript">
    //화면에 "javascript" 문자를 출력해주세요!!
    document.write("javascript");
    document.write("<br><br>");

    //변수를 이용해서 화면에 "jquery" 문자를 출력해주세요!
    var str ="jquery";
    document.write(str);
    document.write("<br><br>");

    //함수를 이용해서 화면에 "html" 문자를 출력해주세요!
    function str2(){
      document.write("html");
      document.write("<br><br>");
    }
    str2();

    //매개 변수를 이용해서 화면에 "CSS" 문자를 출력해주세요!
    function str3(num){
      document.write(num);
      document.write("<br><br>");
    }
    str3("css");

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

</body>
</html>

공유하기(Share) 더보기

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

공감하기(Like) 더보기

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