-
[JavaScript] 자바스크립트 변수(Variable) 이해하기프로그래밍 이야기/JavaScript 공부 2020. 3. 31. 23:41
변수란 무엇일까?
'변수'는 프로그래밍에서 값을 저장하는 가장 기본적인 방식이다.
여기서 '값'이란 컴퓨터가 다룰 수 있는 다양한 종류의 데이터를 말하는데,그렇게 때문에 컴퓨터가 계산을 하기 위한 값을 담아내는 변수는
가장 기본적이면서도 가장 중요한 것이라고 할 수 있다.
결과적으로 같은 의미이지만,
변수는 값에 이름을 붙여주는 것이라고도 생각해 볼 수도 있다.
또한, 이름에서도 유추해 볼 수 있듯이 값을 저장하고 언제든 그 값을 변경할 수도 있다.
변수를 만드는 방법: 변수의 선언
자바스크립트에서 변수는 variable 의 약자인 var, 그리고 let, 이 두 가지 키워드로 만들 수 있고 이것을 변수 선언이라고 부른다.
선언한 이 후에는 변수 이름에 값을 대입할 수 있는데,
선언된 변수를 부르는 것을 변수 호출이라고 하고,
선언한 변수에 최초값을 대입하는 과정을 초기화라고 한다.
var 변수이름1; 변수이름1 = 값1; let 변수이름2; 변수이름2 = 값2;
혹은 선언과 동시에 초기화를 할 수도 있다.
var 변수이름1 = 값1; let 변수이름2 = 값2;
같은 키워드일 경우에는 쉼표로 , 구분해서 작성하는 것도 가능하다.
var 변수1, 변수2, 변수3, 변수4; let 변수5, 변수6, 변수7, 변수8;
선언과 동시에 초기화를 할 때도 쉼표로 , 구분이 가능하다.
var 변수1 = 값1, 변수2 = 값2, 변수3 = 값3, 변수4 = 값4; let 변수5 = 값5, 변수6 = 값6, 변수7 = 값7, 변수8 = 값8;
변수이름 규칙
변수의 이름을 짓는 데는 약간의 규칙이 있다.
1. 변수의 이름은 문자, 숫자, 언더스코어(_) 또는 달러($)로만 구성된다. (특수문자는 이 두 가지 외에는 사용할 수 없다.)
2. 변수이름은 첫 글자가 숫자가. 되어서는 안 된다.
3. 아래 표에 나오는 예약어는 변수 이름으로 사용할 수 없다.
break case catch class const continue debugger default delete do else export extends finally for function if import in instanceof new return super switch this throw try typeof var void while with yield enum implements interface let package private protected public static await abstract boolean byte char double final float goto int long native short synchronized throws transient volatile 가끔 예약어와 겹치는 일이 있을 수 있는데, 특별한 경우가 아니라면 일반적으로 변수명을 작성하다 보면 예약어는 크게 겹칠 일이 없긴 하다.
좀 더 자세한 정보는 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Lexical_grammar#키워드에서 확인할 수 있다.
변수의 이름을 짓는 방법들은 개인에 따라 다양할 수 있지만 한 단어가 아니라 여러 단어로 표현할 땐 어느정도 규칙을 따라 작성하는 것이 좋다.여러 자바스크립트 스타일 가이드를 살펴보면 대부분, 변수이름은 카멜 표기법을 사용한다.
카멜 표기법은 두 번째 이후 단어의 대문자 부분이 낙타의 혹처럼 보인다고 해서 지어진 이름인데, 여러 단어 들을 이어 붙일 경우 시작은 무조건 소문자로, 두 번째 이후 단어의 첫 글자를 대문자로 하고 나머지는 소문자로 표기하는 방식이다.
ex) newNumber, whiteLabel, randomName...
변수는 프로그래밍에서 추상화를 가능케하는 가장 기본적인 단계이다.
변수 이름을 지을 때는 사용하고자 하는 상황에서 핵심을 잘 묘사해주는 단어일수록 좋은데
변수가 담을 값이 추상적으로 표현될 수 있도록 변수의 사용 목적을 잘 고려해서 이름을 지어주는 것이 좋다.
가장 기초적이고 기본적인 개념인 만큼 확실하게 이해해두자.
'프로그래밍 이야기 > JavaScript 공부' 카테고리의 다른 글
[JavaScript] 자바스크립트 연산자(Operators) 이해하기 - 1 (2) 2020.04.18 [JavaScript] 자바스크립트 객체(Object) 이해하기 - 2 (0) 2020.04.15 [JavaScript] 자바스크립트 객체(Object) 이해하기 - 1 (0) 2020.04.12 [JavaScript] 자바스크립트 자료형(DataType) 이해하기 (0) 2020.04.12 [JavaScript] 자바스크립트 상수(Constant) 이해하기 (0) 2020.04.05