[Java Script] 함수 - 전역변수 / 지역변수

함수

함수는 function으로 기능을 하며 흔히 말하는 토글을 이 함수를 통해 기능하게 만든다.

즉, 여러 형태의 액션/동작/기능들을 한 번에 정의하여 사용할 수 있게 해준다.

 

function 함수이름() { 실행할 내용 }

var 함수이름 = function() { 실행할 내용 }

 

함수이름(); <= 이렇게만 써도 함수 내부 내용이 실행됨.

 

 

전역변수

함수 바깥에 위치. 때문에 여러 함수에서 사용할 수 있고, 실행될 때마다 함수와 상관없이 값이 달라질 수 있다.

 var count = 0 ; 

'count' 변수 선언 / 변수 count의 값 = 0 => 전역변수(전체에서 사용할 수 있음)

 

 myFnc(); 

함수 myFnc() 실행 => 함수 이름과 소괄호( () )를 함께 쓰면 함수가 실행됨. (하단 참조)

    변수 count의 값 : 0→1 / 화면의 내용 기입 : Hello + 1 (count값)

 

 function myFnc { 

함수 myFnc() 선언 / 대괄호( {} )안에 함수 내부에서 실행할 일 설정

 

     count ++ ; 

변수 'count'의 값을 1씩 더한다

 

     document.write("Hello" + count, "<br>") 

document(화면에 표시되는 문서)에 괄호 속 내용을 기입 / 문자 Hello / 변수 count의 값 / 문단나누기(Enter)

 

 } 

함수 myFnc() 끝 (함수실행 시, 대괄호 안의 내용이 실행됨)

 

 myFnc(); 

함수 myFnc() 실행

    변수 count의 값 : 1→2 / 화면의 내용 기입 : Hello + 2 (count값)

 

 myFnc(); 

함수 myFnc() 실행

    변수 count의 값 : 2→3 / 화면의 내용 기입 : Hello + 3 (count값)

 

 var theFnc = function () { 

변수 'theFnc'에 함수를 대입한다. (함수 설정의 또다른 방법)

 

     count ++ ; 

변수 'count'의 값을 1씩 더한다

 

     document.write("bye" + count, "<br>") 

document(화면에 표시되는 문서)에 괄호 속 내용을 기입 / 문자 bye / 변수 count의 값 / 문단나누기(Enter)

 

 } 

함수 theFnc() 끝 (함수실행 시, 대괄호 안의 내용이 실행됨)

 

 theFnc(); 

함수 theFnc() 실행

    변수 count의 값 : 3→4 / 화면의 내용 기입 : bye + 4 (count값)

 

 

 

지역변수

함수 내부에 위치. 때문에 해당 함수에서만 사용할 수 있다.

 myFnc(); 

함수 myFnc() 실행 => 함수 이름과 소괄호( () )를 함께 쓰면 함수가 실행됨. (하단 참조)

    함수 myFnc 내부의 변수 count의 값 : 0→1 / 화면의 내용 기입 : Hello + 1 (count값)

 

 function myFnc { 

함수 myFnc() 선언 / 대괄호( {} )안에 함수 내부에서 실행할 일 설정

 

    var count =0; 

'count' 변수 선언 / 변수 count의 값 = 0 => 지역변수(해당 함수 안에서만 사용할 수 있음)

 

     count ++ ; 

변수 'count'의 값을 1씩 더한다

 

     document.write("Hello" + count, "<br>") 

document(화면에 표시되는 문서)에 괄호 속 내용을 기입 / 문자 Hello / 변수 count의 값 / 문단나누기(Enter)

 

 } 

함수 myFnc() 끝 (함수실행 시, 대괄호 안의 내용이 실행됨)

 

 myFnc(); 

함수 myFnc() 실행

    함수 myFnc 내부의 변수 count의 값 : 0→1 / 화면의 내용 기입 : Hello + 1 (count값)

 

 myFnc(); 

함수 myFnc() 실행

    함수 myFnc 내부의 변수 count의 값 : 0→1 / 화면의 내용 기입 : Hello + 1 (count값)

 

 var theFnc = function () { 

변수 'theFnc'에 함수를 대입한다. (함수 설정의 또다른 방법)

 

     var count = 0 ; 

'count' 변수 선언 / 변수 count의 값 = 0 => 지역변수(해당 함수 안에서만 사용할 수 있음)

 

     count ++ ; 

변수 'count'의 값을 1씩 더한다

 

     document.write("bye" + count, "<br>") 

document(화면에 표시되는 문서)에 괄호 속 내용을 기입 / 문자 bye / 변수 count의 값 / 문단나누기(Enter)

 

 } 

함수 theFnc() 끝 (함수실행 시, 대괄호 안의 내용이 실행됨)

 

 theFnc(); 

함수 theFnc() 실행

   함수 theFnc 내부의 변수 count의 값 : 0→1 / 화면의 내용 기입 : bye + 1 (count값)