[ javascript ] - 스코프 알아보기

스코프란

• 변수의 유효범위로 사용된다.
• 범위가 중괄호(블록) 또는 함수에 의해 나누어지고, 그 범위를 스코프라고 부른다.

 

안쪽 스코프, 바깥 스코프 구분

전역 스코프, 지역 스코프

• 가장 바깥 스코프는 전역 스코프로 불림
• 안쪽 스코프, 즉 전역 스코프가 아닌 것은 전부 지역 스코프로 불림

 

스코프 규칙

• 스코프는 중첩이 가능하다.
• 지역 변수는 전역 변수보다 더 높은 우선순위를 가진다.
• 안쪽 스코프에서 바깥 스코프에 있는 변수에 접근이 가능
• 반대로 바깥 스코프에서는 안쪽 스코프에 있는 변수에 접근이 불가능

 

스코프 종류

1. 블록 스코프 : 중괄호 기준 범위 (중괄호 안의 범위)함수에 fucntion 키워드 없이 사용하면 블록 스코프
   (화살표 함수 포함)
2. 함수 스코프 : 함수로 둘러싼 범위함수에 function 키워드를 사용하면 함수 스코프
   (화살표 함수 포함)

 

스코프 내용 추가

• var 키워드는 블록 스코프를 무시한다.

for(var i = 0; i < 5; i++){
}
console.log( i ) => 블록 스코프 밖에서 실행이 된다.

• 단, 화살표 함수의 블록 스코프는 무시하지 않는다.
• var 키워드로 인한 위험성도 있기 때문에, 안전하게 사용이 가능한 let , const 를 이용해야 함