[ONEBITE-REACT] JS 기본 - 변수와 상수

변수와 상수의 의미

변수, 상수는 값을 저장하는 박스

변수 (var, let)

값을 계속 바꿀 수 있다.

let age = 32; // let age ☞ 변수를 선언하다. = 32; ☞ 값을 초기화 하다.

age = 34; // 변수의 값을 바꾼다.

let age; // 변수의 값은 언제든 다시 바꿀 수 있기 때문에 초기화 하지 않고 선언만 할 수도 있다.

 

 

 

let age와 같이 변수의 이름을 지정해주는 것을 변수를 선언한다고 한다.

age에 32라는 값을 담는 행위를 초기값을 담는다고 하 값을 초기화한다고 한다.

변수는 값을 언제든지 다시 바꿀 수 있다. (변수명 = 초기화할 값)

 

변수를 초기화 하지 않고 선언만 하는 것도 가능하다. (let age;)

 

앞에서 한 번 선언된 변수는 똑같은 이름으로 선언할 수 없다.

let age = 32;
age = 30;
// 이렇게 변수의 값을 바꾸는 것은 가능하지만,

let age = 32;
let age = 30;
// 앞에 이미 선언된 같은 변수를 다시 선언하는 것은 불가능하다.

상수 (const)

변수처럼 값을 담는 상자의 역할은 같지만, 한 번 선언되면 값을 바꿀 수 없다.

const birth = "1993";
birth = "1991";
// let이나 var 같이 이렇게 값을 바꾸는 것이 불가능하다. 따라서 상수는 출생년도와 같이 앞으로도
// 바뀔 일이 없는 정보를 다룰 때 사용한다.

// 또한 상수는 초기화를 무조건 해주어야 한다. 아래와 같이 변수만 선언하는 것은 불가능하다.
const birth;

상수는 const를 사용하여 선언하며, 값이 변하지 않는 정보를 다룰 때 선언한다.

상수는 무조건 값을 초기화해주어야 한다.

변수와 상수의 명명 규칙

기호 사용 불가 ($나 _만 사용 가능)

// 아래는 모두 사용 불가 예시
let #name;
let na#me;

// 아래는 사용 가능 예시
let $_name;

숫자로 시작할 수 없다.

// 아래는 사용 불가 예시
let 1_name;

// 아래는 사용 가능 예시
let name1;

예약어를 사용할 수 없다.

예약어는 자바스크립트에서 이미 사용하고 있는 키워드이다.

// 불가능 예시
let let;

 

변수와 상수의 명명 가이드

정해진 규칙은 아니지만 협업을 위해서 개발자들이 준수하는 몇가지 규칙이 있다.

 

변수명만 보더라도 어떤 값을 담고 있는지 명확하게 지을 것.

// 불명확한 예시
// 아래와 같은 변수 선언은 a, b, c가 어떤 의미인지 다 읽어봐야 하므로 협업에서는 좋지 않다.
let a = 3;
let b = 2;
let c = a - b;

// 명확한 예시
let salesCount = 3;
let refundCount = 2;
let c = salescount - refundCount;