crystal_dev
Crystal 개발 일지
crystal_dev
전체 방문자
오늘
어제
  • 분류 전체보기 (58)
    • Web (0)
    • Frontend (32)
      • React (0)
      • Javascript (17)
      • HTML & CSS (14)
      • DOM API (0)
    • 사이드프로젝트 (1)
      • Flask (1)
    • CS (0)
      • Network (0)
    • 형상관리 & 개발도구 (2)
      • git (1)
      • VSCode (1)
    • 알고리즘 (19)
      • 백준 알고리즘 (1)
      • 프로그래머스 (17)
      • 기타 (1)
    • Error (2)
      • javscript (1)
      • python (1)
    • blog (2)
      • daily (1)
      • 회고 (0)
      • it참고 (0)
      • 항해99 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 풀이
  • 프론트엔드
  • match()
  • js
  • userfont
  • CSS
  • Programmers
  • javascript error
  • css정렬
  • css위치
  • Javascript
  • 프로그래머스
  • let
  • 자바스크립트
  • 느슨한타입
  • js 기본
  • frontend
  • js기본
  • Algorithm
  • 알고리즘

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
crystal_dev

Crystal 개발 일지

Frontend/Javascript

[TIL] var, let, const

2022. 5. 23. 20:08
728x90
반응형

 

 

 

 

 

  재선언 재할당 scope
var O O 함수 스코프(function -scope)
let X O 블록 스코프(block-scope) : 모든 {}(중괄호) 블록
const X X 블록 스코프(block-scope) : 모든 {}(중괄호) 블록

 

1. 재선언

let, const는 재선언이 불가능하다. 재선언 하면 에러가 난다. 

코드를 여러줄 짜다보면 변수를 또 생성할 수 있다. 이러한 실수를 미연에 방지하는 것이 가능하다. 

 

2. 재할당

const는 재할당이 불가능하다.

값을 수정하면 안되는 변수를 만들 때 사용이 가능하다. 값을 변경하는 실수를 방지하는 것이 가능하다.

 

3. scope

let, const는 범위가 더 좁다. 모든 중괄호가 범위이다. 

function뿐만 아니라 if, for 등 중괄호를 갖고 있다.

중괄호 안에서 만든 let, const 변수는 중괄호를 벗어나면 쓸 수 없다.

 

 

const 로 객체를 만들었을 때 

const로 객체 (object)를 만들었을 때, 객체 (object) 내부 속성을 변경해도 에러가 나지 않는다.

const 변수 자체를 재할당 한 것이 아니기 때문에 내부의 속성을 변경하는 것이 가능하다.

 

수정 불가능한 오브젝트를 만들고 싶으면 Object.freeze(객체)를 사용하면 된다.

 

 

 

 

 

728x90
반응형
저작자표시 (새창열림)

'Frontend > Javascript' 카테고리의 다른 글

[TIL] 반복문 while, for, do while문  (0) 2022.05.24
[TIL] 조건문(if, switch)과 삼항연산자  (0) 2022.05.24
[TIL] 변수명 짓기  (0) 2022.05.23
[TIL] 변수 선언하기  (0) 2022.05.23
[TIL] Undefined, null 의 차이점  (0) 2022.05.11
    'Frontend/Javascript' 카테고리의 다른 글
    • [TIL] 반복문 while, for, do while문
    • [TIL] 조건문(if, switch)과 삼항연산자
    • [TIL] 변수명 짓기
    • [TIL] 변수 선언하기
    crystal_dev
    crystal_dev
    어제보다 더 나은 오늘의 내가 되자 ✧ʕ̢̣̣̣̣̩̩̩̩·͡˔·ོɁ̡̣̣̣̣̩̩̩̩✧

    티스토리툴바