Notice
Recent Posts
Recent Comments
«   2025/05   »
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Tags
more
Today
Total
관리 메뉴

차차로그

JS변수 var / let / const 본문

JavaScript

JS변수 var / let / const

차차한 2022. 7. 25. 09:12

var

var로 변수를 선언할 경우 재할당이 가능해져 변수 값이 변경될 수가 있다

var variable = "변수"
console.log(variable) // output : 변수
var variable = "변수변경"
console.log(variable) // output : 변수변경

위의 코드처럼 variable이란 변수를 재선언하고 값을 새로 초기화할 경우 값이 덮어쓰기된다.

 


let / const

var와의 차이점은 값이 재할당이 되지 않는다는 점

let variable = "변수"
console.log(variable) // output : 변수
let variable = "변수변경"
console.log(variable) // output : Identifier 'variable' has already been declared

위의 코드처럼 variable 변수가 이미 선언되었다는 에러메시지가 출력된다.

 

let과 const의 차이점은 const는 값을 변경할 수 없다는 점이다

let variable = "변수"
console.log(variable) // output : 변수
variable = "변수변경"
console.log(variable) // output : 변수변경
const variable = "변수"
console.log(variable) // output : 변수
variable = "변수변경"
console.log(variable) // output : Uncaught TypeError:Assignment to constant variable.

var : function scope

let/const : block scope

 

JS Hoisting(호이스팅), Scope(스코프)

호이스트 : 변수의 정의가 범위에 따라 선언 / 초기화 / 할당 분리되는 것을 의미함 함수 내에서 변수가 정의되면 지역변수로 함수 밖에서 변수가 정의되면 전역변수로 정의됨 “First-Name” name ==

chacha-log.tistory.com

출처 : https://velog.io/@marcus/2019-02-10-1702-작성됨

 

'JavaScript' 카테고리의 다른 글

JS 배열 값 추가, 삭제하기  (0) 2022.08.08
자바스크립트 addDate() 만들기  (0) 2022.08.05
JS null, undefined + isNaN()  (0) 2022.08.01
JS 실행순서  (0) 2022.07.29
JS Hoisting(호이스팅), Scope(스코프)  (0) 2022.07.25
Comments