Scope-2

💡 지난시간에는 Global Scope(전역 스코프), Local Scope(지역 스코프)에 대해서 살펴보았습니다. 이번시간에는 ES6에서 등장한 const, let과 관련하여 Function Scope(함수 스코프)와 Block Scope(블록 스코프)에 대해서도 알아보겠습니다 :)

Function Scope(함수 스코프)

함수 스코프는 함수에 의해서 생기는 유효범위 입니다.
요건 이전시간에 살펴보았죠?😉

Block Scope(블록 스코프)

블럭(‘{}’) 에 의해서 생기는 유효범위 입니다.
조금 헷갈리실 수 있는데 그냥 쉽게 {}로 쌓여진 것은 전부 블록 스코프라고 보시면 됩니다!
ex. for문, switch문, while문 …

var, const / let의 스코프

• var: 함수 스코프를 갖는 변수 선언에 사용됩니다.
• const / let: 블록 스코프를 갖는 지역 변수를 선언하는데 사용됩니다.
  • const: 단 한번만 할당할 수 있는 상수(변수)를 선언하는데 사용. 재선언, 변수 재할당 불가능. 반드시 초기화 필요.
  • let: 재선언이 불가능. 변수 재할당은 가능.

함수 스코프

선언한 함수 내에 있는 var,const와 let은 모두 해당 함수 내에서 유효합니다.

• 예시 1 - var

  var a = 30;
  
  (function() {
    var a = 10;
  
    (function() {
        var a = 20;
        console.log(a); // 20
    })()
      
      console.log(a) // 10
  })()
  
  console.log(a); // ReferenceError: a is not defined
  

• 예시2 - const

  function duckHello() {
    const hello = 'Hello Duck!';
    console.log(hello);
  }
  
  duckHello(); // 'Hello Duck!'
  console.log(hello); // Error, hello is not defined
  

블록 스코프

그러나 {}(블록) 내부에서 선언한 var는 블록 바깥에서도 유효하지만,
const와 let은 {} 내부에서만 유효합니다.

• 예시 1 - if문 var, let

  if (true){
    var var_name = 'var 미더덕';
    let let_name = 'let 미더덕';
  }
  console.log(var_name); // var 미더덕
  console.log(let_name); // ReferenceError: let_name is not defined
  

• 예시 2 - {} const

  {
    const const_name = 'const 미더덕';
    console.log(hello); // 'const 미더덕'
  }
  console.log(hello); // Error, const_name is not defined
  

• 예시 3 - for문 var, let

  for(var var_i=0; var_i<5; var_i++){ }
  console.log(var_i); // 5
  
  for(let let_i = 0; let_i < 5; let_i++){ }
  console.log(let_i); // ReferenceError: let_i is not defined
  

참고

https://velog.io/@ksh4820/var-let-const-%EC%B0%A8%EC%9D%B4%EC%A0%90