var let const 차이점 + TDZ

티스토리 뷰

공부 노트

2021bong 2021. 9. 14. 13:04

var, let, const의 차이 ⏤ 변수 선언 및 할당, 호이스팅, 스코프

자바스크립트에서 var로 변수 선언이 가능했는데, 왜 const와 let이 나왔으며 이 둘의 사용을 권장할까? 이를 정확하게 알기 위해서는, 변수의 선언 및 할당 과정, 호이스팅, 스코프를 알아야한다.

www.howdy-mj.me

(JavaScript) var, let, const의 차이점

이전 글에서 자바스크립트 스코프에 대해서 알아보았는데요.

medium.com

[자바스크립트] 변수 선언 방식 차이: var / let / const

자바스크립트의 변수 선언은 var로만 가능했으나, ES6(ES2015)부터 let과 const가 추가 되었다. 옛날의 var가 최신의 let(변수), const(상수)로 분리되었다고 생각할 수 있으나, 내부 사정은 상당히 다르

curryyou.tistory.com

선언되지 않은 변수는 전역 변수가 됨

name = bong

TDZ

TDZ(Temporal Dead Zone)

스코프의 시작 지점부터 초기화 시작 지점까지의 구간

초기화되지 않은 변수가 저장되는 곳

선언 단계(Declaration phase)
초기화 단계(Initialization phase) //여러 글에서 이야기하는 초기화
할당 단계(Assignment phase)

TDZ(Temporal Dead Zone)이란?

함께보면 좋은 글 2020/07/05 - [프로그래밍 언어/Javascript] - 자바스크립트 호이스팅(Hoisting)이란? 오늘은 TDZ(Temporal Dead Zone)에 대해서 알아보도록 하겠습니다. 이번 포스팅은 자바스크립트의 호이스.

noogoonaa.tistory.com

TDZ을 모른 채 자바스크립트 변수를 사용하지 말라

간단한 질문을 하나 하겠다. 아래 코드 스니펫에서 에러가 발생할까? 첫 번째 코드는 인스턴스를 생성한 다음 클래스를 선언한다.

ui.toast.com

728x90

메뉴를 만들 때 <li>를 사용하는 이유 (0)	2021.09.23
figure태그와 함께 사용할 수 있는 cite blockquote q 태그 (0)	2021.09.15
CSS Text Spacing CSS 글자 자간 행간 (0)	2021.09.14
CSS transform , opacity , content 속성 (0)	2021.09.14
MDN 자바스크립트 터치 이벤트 (0)	2021.08.11

공지사항

최근에 올라온 글

최근에 달린 댓글

링크

글 보관함