본문 바로가기
JavaScript

Java Script 변수(var, let, const 차이)

by nacjji 2022. 11. 3.

1. 변수 파일 variable.js 생성

 

2. 변수를 만든다는 의미로 '변수를 선언한다' 라고 한다. 

3. 변수를 선언할 땐 변수 이름 앞에 var, let, const 를 작성한다. 

  • var 변수선언
    • 일반적으로 변수를 지칭할 때 var 를 사용하지만 코드량이 많아질 때 이 변수가 최초 선언인지, 변수를 재사용하는 변수인지 혼동스럽게 만들 우려가 있다.  
var age = 21

var age = 33

var age = 23
  • 위 코드를 실행하면 정상적으로 마지막 age 인 23 이 출력되지만 코드량이 많아지면 가독성이 떨어질 수 있다. 

 

  • let 변수 선언 
let name = 'James'
console.log(name)

let name = 'john'
console.log(name)

 →SyntaxError: Identifier 'name' has already been declared

let name = 'James'
console.log(name)

name = 'John'
console.log(name)

→ James와 john이 차례로 출력된다.

 

  • 변수선언은 한번 선언된 변수를 재사용할 땐 변수명만 사용할 수 있도록 통제하는 구문이다 .
  • let 선언된 변수 앞에 let을 한 번 더 사용하게 되면 아래와 같은 에러가 출력된다. 
  • 코드량이 많아질 때 최초 변수선언을 구분짓게 할 수 있는 구문이다. 

 

  • const 변수 선언
  • const 변수 선언은 한번 선언된 변수의 데이터를 바꿀 수 없게 통제하는 구문이다. 
const age = 12
age = 13
console.log(age)

TypeError: Assignment to constant variable.

  • 12 로 할당된 age 변수에  13 값을 재할당 할 때 에러가 발생한다. 
const age = 12
const gender = "male"
console.log(age,gender)

→ 12, male 

  • 다른 변수에 값을 할당하면 정상적으로 출력된다. 

'JavaScript' 카테고리의 다른 글

JavaScript 조건문  (1) 2022.11.03
JavaScript 연산자  (0) 2022.11.03
JavaScript 데이터타입  (0) 2022.11.03
JavaScript Hello World(with node.js)  (0) 2022.11.03
JavaScript node.js 설치  (0) 2022.11.03