320x100
변수
변수(variable)는 데이터를 저장할 때 쓰이는 ‘이름이 붙은 저장소’ 이다.
var, let, const를 사용해 변수를 선언할 수 있다.
- let : 모던한 변수 선언 키워드
- var : 오래된 변수 선언 키워드 (잘 사용하지 않음)
- const : let과 비슷하지만, 변수의 값을 변경할 수 없음
아래 문(statement)은 'message’라는 이름을 가진 변수를 생성(선언)한다.
let message;
이제 할당 연산자 =를 사용해 변수 안에 데이터를 저장해 봅시다.
let message;
message = 'Hello'; // 문자열을 저장합니다.
문자열이 변수와 연결된 메모리 영역에 저장되었고 변수명을 이용해 문자열에 접근할 수 있다.
let message;
message = 'Hello!';
alert(message); // 변수에 저장된 값을 보여줍니다.
아래와 같이 변수 선언과 값 할당을 한 줄에 작성할 수도 있습니다.
let message = 'Hello!'; // 변수를 정의하고 값을 할당합니다.
alert(message); // Hello!
한 줄에 여러 변수를 선언하는 것도 가능합니다.
let user = 'John', age = 25, message = 'Hello';
가독성을 위해 한 줄에는 하나의 변수를 작성하는 것이 좋다.
현실 속의 비유
예를 들어, 변수 message는 message라는 이름표가 붙어있는 상자에 "Hello!"라는 값을 저장한 것이라고 생각할 수 있다. 값이 변경되면, 이전 데이터는 변수에서 제거된다.
let message;
message = 'Hello!';
message = 'World!'; // 값이 변경되었습니다.
alert(message);
변수 명명 규칙
- 변수명은 숫자로 시작해선 안 됩니다.
- 하이픈 '-'은 변수명에 올 수 없습니다
- 대·소문자 구별 : apple와 AppLE은 서로 다른 변수입니다.
- 비 라틴계 언어도 변수명에 사용할 수 있지만 권장하진 않는다.
- 예약어(reserved name) 목록에 있는 단어는 변수명으로 사용할 수 없습니다. (ex.let, class, return, function)
상수
변화하지 않는 변수를 선언할 땐, let
대신 const
를 사용합니다.
대문자 상수
기억하기 힘든 값을 변수에 할당해 별칭으로 사용하는 것은 널리 사용되는 관습이다.
const COLOR_RED = "#F00";
const COLOR_GREEN = "#0F0";
const COLOR_BLUE = "#00F";
const COLOR_ORANGE = "#FF7F00";
// 색상을 고르고 싶을 때 별칭을 사용할 수 있게 되었습니다.
let color = COLOR_ORANGE;
alert(color); // #FF7F00
"#F00"
보다COLOR_RED
가
- 기억하기가 훨씬 쉽습니다.
- 오타를 낼 확률이 낮습니다.
- 훨씬 유의미하므로, 코드 가독성이 증가합니다.
바람직한 변수명
- 변수명은 간결하고, 명확해야 합니다. 변수가 담고있는 것이 무엇인지 잘 설명할 수 있어야 하죠.
data
와value
는 나쁜 이름의 예시입니다. - 무엇을 하고 있는지 명확히 알고 있지 않을 경우 외에는 줄임말이나 a, b, c와 같은 짧은 이름은 피하세요.
- 자신만의 규칙이나 소속된 팀의 규칙을 따르세요.
참고자료 : 변수와 상수
반응형
'Developer > JavaScript 튜토리얼 번역공부' 카테고리의 다른 글
2.6 상호작용 : alert, prompt, confirm (0) | 2021.06.20 |
---|---|
2.5 자료형 (0) | 2021.05.22 |
2.3 엄격 모드 (0) | 2020.08.04 |
2.2 코드 구조 (0) | 2020.08.04 |
2.1 Hello, world! (0) | 2020.08.04 |