Front/JavaScript

변수와 상수

oodada 2020. 4. 1. 06:48

변수와 상수는, 하나의 데이터를 저장하는 그릇이고 특정 이름에 특정 값을 담을 때 사용합니다.

let x = 1;
console.log(x); // 1

let y = 2;
console.log(y); // 2

let z = x + y;
console.log(z); //3

 

  • x는 값 5를 저장합니다
  • y는 값 6을 저장합니다
  • z는 값 11을 저장합니다

 

변수

변수는 바뀔 수 있는 값을 말하고 한번 값을 선언하고 바꿀 수 있습니다.

var

지금까지 많이 사용해온 var 변수 선언 방식은 큰 단점이 있다.

var name = 'Html'
console.log(name) // Html

var name = 'javascript'
console.log(name) // javascript

변수를 한 번 더 선언했음에도 불구하고, 에러가 나오지 않고 각기 다른 값이 출력되는 것을 볼 수 있습니다.

이는 유연한 변수 선언으로 간단한 테스트에는 편리 할 수 있겠으나, 코드량이 많아 진다면 어디에서 어떻게 사용 될지도 파악하기 힘들뿐더러 값이 바뀔 우려가 있습니다.

그래서 ES6 이후, 이를 보완하기 위해 추가 된 변수 선언 방식이 let  const 입니다.

위의 코드에서 변수 선언 방식만 바꿔봅시다.

let name = 'Html'
console.log(name) // Html

let name = 'javascript'
console.log(name) 
// Uncaught SyntaxError: Identifier 'name' has already been declared

name이 이미 선언 되었다는 에러 메세지가 나온다. (const도 마찬가지) 변수 재선언이 되지 않습니다.

 

변수를 선언 할 때에는 이렇게 let 이라는 키워드를 사용합니다. 사용 하실 때 주의 할 점은 한번 선언했으면 똑같은 이름으로 선언하지 못합니다.

이런 코드도 역시 오류가 발생합니다.

let value = 1;
let value = 2;

 

 

상수

상수는, 한번 선언하고 값이 바뀌지 않는 고정적인 값을 의미합니다.

const b = 1;

상수를 선언 할 때에는 const 키워드를 사용합니다.

상수를 선언하고 나면, 값을 바꿀 수 없고 재선언도 되지 않습니다.

아래 코드를 입력해 보세요.

const b = 1;
b = 2; //Error: "a" is read-only

"Error: "a" is read-only" 라는 오류가 발생했습니다.

'Front > JavaScript' 카테고리의 다른 글

02. 변수와 상수  (0) 2020.08.17
01. Hello JavaScript!  (0) 2020.08.17
연산자  (0) 2020.04.01
Hello JavaScript!  (0) 2020.03.14
JavaScript 입문  (0) 2020.03.14
티스토리 친구하기