자바스크립트 범위(JavaScript Scope)

자바스크립트 함수 범위(Function Scope)

자바스크립트에는 두 가지 유형의 범위(scope)가 있습니다:

  • 지역범위(Local scope)
  • 전체범위(Global scope)

자바스크립트에는 함수의 범위(scope)가 있다: 각 함수는 새 범위(scope)를 만듭니다.

범위(Scope)는 이런 변수(variables)의 접근성(accessibility)(가시성(visibility))을 결정합니다.

함수 내에 정의된 변수(Variables)는 함수의 외부에서는 액세스할 수(accessible )(볼 수)(visible) 없습니다.


자바스크립트 지역변수(Local JavaScript Variables)

자바스크립트 함수 안에 선언된 변수는 함수 내의 지역변수(LOCAL)이다.

지역변수(Local variables)는 지역범위(local scope)에서만 사용합니다: 함수 내에서만 액세스할 수 있습니다.

Example

The type of carName is undefined

지역변수(local variables)는 함수 내부에서만 인식되기 때문에, 같은 이름의 변수를 다른 함수에서 사용할 수 있습니다.

지역변수(Local variables) 함수가 시작할 때 만들어지고 함수가 완료되면 삭제됩니다.


자바스크립트 전역변수(Global JavaScript Variables)

함수 밖에서 선언된 변수(variable)는 전역변수(GLOBAL)가 됩니다.

하나의 전역변수(global variable) 전체영역(global scope)을 가집니다: 페이지의 모든 스크립트와 함수는(scripts and functions)는 이 변수에 액세스할 수 있습니다;

Example

I can display Volvo


자바스크립트 변수(JavaScript Variables)

자바스크립트에서 객체와 함수(objects and functions)도 변수입니다.


자동적인 전역변수(Automatically Global)

선언되지 않은 변수(variable)에 값을 할당하면, 이것은 자동적으로 전역(GLOBAL) 변수가 됩니다.

이 코드 예제는 값이 함수 안에서 할당되었지만, 전역변수(global variable) carName을 선언한 것이 됩니다.

Example

I can display Volvo


스트릭트 모드(Strict Mode)

최신의 모든 브라우저 “Strict Mode”에서 자바스크립트 실행을 지원합니다.

이 튜토리얼의 뒷부분에서 strict mode에 대하여 더 자세히 배웁니다.


HTML의 전역변수(Global Variables in HTML)

자바스크립트를 사용하면, 전역범위(global scope)는 완전한 자바스크립트 환경(complete JavaScript environment)입니다.

HTML에서 전역범위(global scope)는 윈도우객체(window object)입니다. 모든 전역변수(global variables)는 윈도우객체(window object)입니다.

Example

I can display 그랜저


경고(Warning)


자바스크립트 변수의 수명(Lifetime of JavaScript Variables)

자바스크립트 변수의 수명은 선언될 때 시작됩니다.

지역변수(Local variables)는 함수가 완료되면 삭제됩니다.

웹 브라우저에서 전역변수(global variables)는 브라우저 창(또는 탭)을 닫을 때 삭제되지만, 같은 창에
로드된 새 페이지에서는 계속 사용할 수 있습니다.


함수인수(Function Arguments)

함수인수(Function arguments) (매개변수(parameters)) 함수 안에서 지역변수(local variables)로 작동합니다.

답글 남기기