JavaScript - Const and let

iseon_u·2022년 4월 9일
0

JavaScript

목록 보기
1/5
post-thumbnail

Const and let 변수 선언 방식


특징

  • 새로운 변수 선언 시 변수 앞에 사용

종류

  • const (constant : 상수) : 값이 변경 되지 않을 때 사용, 변수 값 업데이트 불가
  • let : 값이 변경 될 때 사용, 변수 값 업데이트 가능
  • var : 기준 없음

선언과 할당

const (기본)let (옵션)var (테스트)
재선언 ❌재선언 ❌재선언 ⭕
재할당 ❌재할당 ⭕재할당 ⭕
const a = b; // 변수 선언
const a = c; // 재선언 금지 ❌
a = c; // 재할당 금지  ❌

let a = b; // 변수 선언
let a = c; // 재선언 금지 ❌
a = c; // 재할당 가능 ⭕

var a = b; // 변수 선언
var a = c; // 재선언 가능 ⭕
a = d; // 재할당 가능 ⭕

💡 기본적으로 const 를 사용하고 재할당이 필요한 경우에 let 사용

Scope 스코프

  • 유효한 참조 범위

Block-level scope 블록 레벨 스코프

  • constlet 방식의 스코프
  • 코드 블럭 {} 에서 선언 되면 지역 변수 취급
  • 지역 변수는 선언된 블럭 내에서만 참조 가능

Function-level scope 함수 레벨 스코프

  • var 방식의 스코프
  • 함수 내부에 선언된 변수만 지역 변수, 나머지는 전역 변수

Hoisting 호이스팅

  • 변수와 함수의 메모리 공간을 선언 전에 미리 할당 하는 동작
  • 변수의 선언과 초기화를 분리 후, 선언만 코드 최상단으로 옮기는 동작
  • var 로 선언한 변수는 undefined 로 변수 초기화
  • constlet 으로 선언한 변수는 초기화 하지 않음
profile
🧑🏻‍💻 Hello World!

0개의 댓글