[JavaScript_modern deep dive] 스코프

2.스코프

💡 함수레벨스코프 VS 블록레벨스코프 - 함수레벨은 함수를 기준으로 스코프 생성 ex. var - 블록레벨은 블록을 기준으로 스코프 생성 ex. let,const

렉시컬스코프(정적스코프) VS 동적스코프

• 렉시컬스코프는 함수를 어디에서 정의했는지에 따라 상위 스코프를 정의한다
• 동적스코프는 함수를 어디에서 호출했는지에 따라 상위 스코프를 정의한다

2-1) var키워드는 같은 스코프내에서 중복 선언이 가능하다

function(){
    var foo = 1;
    var foo = 2;
    console.log(foo); //2
}

2-2) 모든 스코프는 하나의 계층적 구조로 연결된다 → 스코프체인

2-3) 자바스크립트는 렉시컬스코프를 따른다

3. let, const키워드와 블록레벨 스코프

3-1) var키워드와 달리 let, const는 호이스팅이 안되는것처럼 보인다

var 키워드는 선언 즉시 undefined로 초기화 되는것과 달리 let, const등은 선언과 초기화 시점이 다르다

선언문은 런타임 이전에 실행되고 초기화 및 할당은 런타임에 실행되기 때문에 호이스팅이 마치 안되는것처럼 느껴진다

3-2) 상수는 스네이크 표기법으로 표기하는것이 일반적이다

3-3) const는 재할당이 아주 불가능한것은 아니다

const는 재할당이 불가능해 보통 상수처럼 사용하지만 const에 객체를 할당한 경우 객체내부 요소들은 재할당이 가능하다

💡 변수를 선언할때는 일단 const로 선언하고 후에 재할당의 필요성을 느낀다면 그때 let으로 변경해도 늦지않는다