Scope (feat. global, function, block)

몇 주 전 제대로된 자바스크립트를 공부하면서 Scope에 대한 개념이 없어서 코드 작성시 굉장히 혼란스러웠다..반드시 알고있어야 할 기초 개념, Scope⭐

Scope는 우리말로 '범위'의 의미를 가진다.
스코프(Scope)란 ‘변수에 접근할 수 있는 범위’로 이해

Scope에는 Global Scope, Function Scope, Block Scope 세가지가로 구분할 수 있다.

Global Scope

• Global Scope 모든 블럭에 적용될 수 있지만 어느 블럭에도 속하지 않는다.

Function Scope

• Function Scope는 해당 함수 내에서만 유효하다.

Block Scope

• Block Scope는 제한된 Block({})내에서만 유효하다.

<script>
  const value = "hello";
  function myFunction() {
  const value = "bye";
    if(true){
    const value = "world";
    console.log("block docpe :");
    console.log(value);
  // world
    }
  console.log("function scope:");
  console.log(value);
  // bye!
  }
  myFunction();
  console.log("global scope:");
  console.log(value);
  // hello!
  </script>