변수 (Variable)

변수란, 데이터를 저장하는 공간으로 이 공간에 고유의 이름을 만들어주면 데이터를 필요할 때 사용 할 수 있다. 이때 만들어진 이름을 변수명이라 하고, 이는 사람이 이해할 수 있는 언어로 명명하기 위해 식별자를 사용한다.

변수를 선언하는 방법

변수는 var, let, const 이라는 키워드를 사용하여 선언하고 할당연산자(=)를 사용해 변수 안에 값을 저장한다.

let message; // 변수의 선언
message = 'Hello'; // 변수에 값을 할당

변수 선언과 값의 할당을 동시에 할 수 도 있다.

let message = 'Hello World!' // 변수의 선언과 값의 할당

✅ var, let, const 의 차이점

JavaScript에서의 변수

JavaScript는 동적 타입 언어이다. Java나 C와 달리 변수의 타입 지정없이 값이 할당되는 과정에서 자동으로 변수의 타입이 결정된다. 따라서 어떤 변수에 숫자 값을 할당한 후 같은 변수에 문자열을 할당해도 문제가 되지 않는다.

let age = 20; // 변수의 값 할당
age = 'twenty'; // 변수에 값을 재할당

JavaScript 변수 명명 규칙

변수명을 지을때 JavaScript에서 꼭 지켜야 하는 규칙이 있다. 지키지 않을 시 오류가 발생한다.

• JavaScript 식별자는 '문자(a-z, A-Z)', '밑줄(_)', '달러 기호($)로 시작할 수 있다.
• 두번째 글자부터는 '숫자(0-9)'도 가능하다.
• 예약어는 사용하면 안된다. 예를 들어서 let, if, for 같은 것들이다.
• 대·소문자 구분한다. apple과 Apple는 서로 다른 변수이다.

let apple; // 가능
let _underscore; // 가능
let 1234five; // 불가능, 변수명은 숫자로 시작할 수 없다.
let function; // 불가능, 예약어를 변수명으로 사용 할 수 없다.

변수 명명 시, 지키면 더 좋은 규칙

변수명은 변수가 담고 있는 것이 무엇인지 잘 설명이 되어야하기 때문에 간결하고 명확해야 한다. 따라서 아래의 규칙들을 참고하는 것이 좋다.

1. 의미 없는 이름은 좋지 않다.
   a, b, c, d 처럼 의미 없이 변수명을 설정할 시 어떤값을 저장해뒀는지 찾기도 어렵고 활용하기도 어렵다.

2. 너무 추상적인 이름은 좋지 않다.
   코드 문맥상 변수가 가리키는 데이터나 값이 아주 명확할 때에는 value 등의 이름을 사용할 수 있지만, 이러한 이름은 아무것도 설명해주지 않는다. 따라서 최대한 서술적으로 만들어 주는 것이 좋다.

3. 모든 변수명은 'camelCase'로 쓰는 것이 좋다.
   변수명은 띄어쓰기가 불가능하기 때문에 여러가지 방식 중 JavaScript에서는 camelCase를 선호한다. 첫 번째 글자는 소문자로 하고, 띄어쓰기가 있는 각 단어의 첫 문자를 대문자로 표기하는 방식이다.

4. 자신만의 규칙이나 소속된 팀의 규칙을 따라야한다.
   만약 사이트 방문객을 'user’라고 부르기로 했다면, 이와 관련된 변수를 currentVisitor나 newManInTown이 아닌 currentUser나 newUser라는 이름으로 지어야 한다.

참조