공부하는 블로그

(JavaScript) 변수 종류 본문

Develop/JavaScript

(JavaScript) 변수 종류

모아&모지리 2018. 3. 12. 11:31

사용범위에 따른 변수 종류

전역변수

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
  var globalV = "전역변수";
 
  window.onload = function() {
    global2 = "전역변수";
  }
  // 함수 내부에서 var 없이 변수에 값을 대입하면 전역변수로 만들어짐
  // 즉, global2="전역변수";는 window.global2="전역변수"와 동일
 
  function func1() {
      var local1 = "지역변수";
  }
</script>
cs


지역변수

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script>
    var globalV = "전역변수";
 
    window.onload=function(){
        var local1 = "지역변수";
    // 지역변수이며 오직 onload()함수 영역에서만 사용할 수 있음
    }
 
    function func1(){
        var local1 = "지역변수";
    // local1역시 func1함수에서만 사용할 수 있는 지역변수임
    // 이름이 같더라도 다른 영역에서 만들어진 변수이기 때문에 완전히다름
    }
    function func2() {
        document.write(globalV);
    }
</script>
cs


매개변수(Parameter)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script>
    var globalV = "전역변수";
    
    window.onload = function() {
        var local1 = "지역변수";
        func1(100,200);
    }
 
    function func1(num1,num2) {
        var local1 = "지역변수";
        
        document.write("매개변수 num1="+num1+", num2="+num2);
    }
    
</script>
 
**
 num1과 num2는 매개변수 또는 파라미터라고 부름
 주로 함수 내부로 데이터를 전달할 때 사용함
 매개변수는 지역변수와 마찬가지로 함수 내부에서만 사용가능
 
특이사항) var 를 사용하지 않고 변수를 만듬 
cs


멤버변수

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script>
    
    function MyClass() {
        this.name ="멤버변수";
 
    // 이 변수는 MyClass에서 만들어지고 사용하기 때문에
    // 멤버 변수라고 부름
    }
 
    MyClass.prototype.showName=function() {
        document.write("name=", this.name);
 
    // 동일하게 멤버변수 또는 메서드라고 부름
    }
 
    var objClass = new MyClass();
    objClass.showName();
    
</script>
 
**
멤버변수는 클래스를 다룰때 등장함
 
cs



'Develop > JavaScript' 카테고리의 다른 글

(JavaScript) 클래스  (0) 2018.03.14
(JavaScript)함수의 기초  (0) 2018.03.14
(JavaScript) 주석  (0) 2018.03.12
(JavaScript) 변수를 활용한 사용법  (0) 2018.03.12
(JavaScript)변숫값이 자동으로 읽혀지는 경우  (0) 2018.03.12