{"componentChunkName":"component---src-templates-blog-post-js","path":"/JavaScript/var_let_const/","result":{"data":{"site":{"siteMetadata":{"title":"Progress Not Perfection","author":"Sunmin","siteUrl":"https://sunmin.netlify.com","comment":{"disqusShortName":"","utterances":"Sunmin0520/blog"}}},"markdownRemark":{"id":"8ed8a92a-8ca5-57ea-8f29-0dfe22224486","excerpt":"var로 선언한 변수의 문제점 변수 중복 선언 허용(override) 함수 레벨 스코프(함수의 코드블록만을 지역스코프로 인정) -> 함수 외부에서 선언하면 코드블록내에서 선언해도 전역변수 되어버림 => 전역변수 남발 변수 호이스팅: 변수 선언문이 스코프의 선두로 끌어올려진 것처럼 작동. var는 선언과 초기화가 한 번에 -> 변수 선언문 이전에 참조 가능(할당은 안되어있으니 undefined) let 변수 중복 선언 금지(syntaxError: Identifier ‘bar’ has already…","html":"

var로 선언한 변수의 문제점

\n
    \n
  1. 변수 중복 선언 허용(override)
    2. \n
  2. 함수 레벨 스코프(함수의 코드블록만을 지역스코프로 인정) -> 함수 외부에서 선언하면 코드블록내에서 선언해도 전역변수 되어버림 => 전역변수 남발
    3. \n
  3. 변수 호이스팅: 변수 선언문이 스코프의 선두로 끌어올려진 것처럼 작동.
    4. \n
  4. var는 선언과 초기화가 한 번에 -> 변수 선언문 이전에 참조 가능(할당은 안되어있으니 undefined)
    5. \n
\n

let

\n
    \n
  1. 변수 중복 선언 금지(syntaxError: Identifier ‘bar’ has already been declared)
    2. \n
  2. 블록 레벨 스코프
    3. \n
  3. \n

    변수 호이스팅: 변수 호이스팅 작동하지 않는 것처럼 작동

    \n\n
    4. \n
  4. let으로 선언한 전역변수는 window의 프로퍼티가 아님
    5. \n
\n

const

\n
    \n
  1. 선언과 할당 동시에 해야함
    2. \n
  2. \n

    재할당 금지

    \n\n
    3. \n
  3. let과 공통점: 블록 레벨 스코프, 호이스팅하지 않는 것처럼 작동
    4. \n
\n

\n
\n
\n

\n

출처 이웅모, 모던 자바스크립트 Deep Dive(위키북스, 2020)

","frontmatter":{"title":"[JS] var, let, const","date":"February 07, 2021"}}},"pageContext":{"slug":"/JavaScript/var_let_const/","previous":{"fields":{"slug":"/Retrospective/2021/Feb_1st/"},"frontmatter":{"title":"[회고] 2월 첫째 주 회고(2/1 ~ 2/7)","category":"retrospective","draft":false}},"next":{"fields":{"slug":"/Web/https/"},"frontmatter":{"title":"[Web] HTTPS, SSL","category":"web","draft":false}}}},"staticQueryHashes":["3128451518","521680639"]}