[JS] #6-3 함수(Function) : 변수의 유효 범위(Scope)

1. 이벤트(event) 맛보기

 

 자바스크립트는 이벤트(event)를 발생시켜서 함수(function)을 호출시켜서 값을 출력시키는 것이 기본적인 형태이다.

 예를 들어 버튼을 하나 만들었다.

 이 버튼을 가만히 내버려두면 아무런 일도 발생하지 않는다.

 

 이 버튼을 동작하게 하려면 클릭! 이라는 이벤트가 있어야 한다.

 이 클릭 이벤트(Click event)로 인해 버튼에 연결되었던 함수가 호출되어 프로그램이 동작을 하는 것이다.

 

 이런 것을 이벤트라고 한다.

 그리고 이 이벤트에 대한 동작을 자바 스크립트 또는 jQuery로 실행하게 된다.

 

 

2. 변수의 종류

 

 학교에 입학하면 나의 반이 있다.

 그리고 수업 시간에 나는 나의 반에 들어가야 한다.

 옆에 반에 들어가면 나는 내가 이 시간에 배워야할 것을 배우지 못하게 되어버린다.

 

 지역 변수(Local variable) 와 전역 변수(global variable) 도 그러하다.

 지역 변수란 변수가 속한 범위 내에서만 움직이는 변수이고

 전역 변수는 학교 안에서 누구나 사용할 수 있는 강당에 있는 학생이라고 생각하면 된다.

 

 이렇게 변수는 영역을 가지고 있다.

 그리고 이 영역을 바로 Scope라고 부른다.

 좀 더 자세히 설명하자면 아래와 같다.

 

 - 지역변수 : function 함수 내에 선언된 변수는 함수 내에서만 사용 가능하다.

                   : 이 지역은 주로 { } 으로 묶여있다.

 - 전역변수 : function 함수 외부에서 선언된 변수로 모든 함수 내에서 그 값을 공유한다.

 

 지역변수가 전역변수보다 우선순위가 높다.

 아래 코드를 보면서 변수들의 범위를 살펴보자.

let one="하나"; // 전역변수

function test3() {
    alert("one : " + one);
    alert("two : " + two);
    alert("three : " + three);

    let uid="아이티윌";
    alert(uid);
    alert(upw);
    // alert(upw) ; 에러 upw is noe defined
} // test3() end

let two="둘"; // 전역변수

function test4() {

    let two = "두번째"

    alert("one : " + one);
    alert("two : " + two);
    alert("three : " + three);

    let upw="1234";
    alert(upw);
    alert(uid);
    // alert(uid) ; 에러 uid is noe defined
} // test4() end

let three="셋"; // 전역변수