변수
변수, 변하는 수... 데이터를 저장할때 쓰이는 이름이 붙은 저장소
(파이썬 마렵다🐍)
아래와 같이 자바스크립트에서는 let 키워드를 사용해 변수를 생성할 수 있다.
let message;
message = 'Hello!';
let message = 'Hello!';
let user = 'John', age = 25, message = 'Hello';
let user = 'John';
let age = 25;
let message = 'Hello';
let user = 'John',
age = 25,
message = 'Hello';
let user = 'John'
, age = 25
, message = 'Hello';모두 변수를 선언하는데 기술적인 차이가 있지는 않지만, 개인의 취향과 미적 감각에 따라 원하는 방식으로 코드를 작성할 수 있을것 같다.
하지만 나는 한줄씩 작성하는게 가독성에 더 좋다고 느껴지기에 한줄씩 작성하는 방식을 선호한다.
ℹ️
let대신var
만들어진지 오래된 스크립트에서는let대신var라는 키워드를 발견하는 경우가 있다.
var message = "Hello";
var는let과 거의 동일하게 동작하지만 오래된 방식으로, 추후에 더 찾아보자.
변수 이름 규칙
자바스크립트에서는 변수이름을 만들때 2가지 제약사항이 있다.
1. 변수명에는 오직 문자와 숫자, 그리고 기호 $ 와_ 만 들어갈 수 있다.
2. 첫 글자는 숫자가 될 수 없다.
또한 여러 단어를 조합하여 변수명을 만들때 카멜 표기법이 흔히 사용된다.
카멜 표기법은 단어를 차례대로 나열하면서 첫 단어를 제외한 각 단어의 첫글자를 대문자로 작성하는걸 말할다. myVeryLongName 처럼. (여기서도 파이썬 마렵다🐍, 파이썬의 경우는 my_very_long_name 이런식으로 할 수 있겠다)
또 대문자와 소문자가 구별되는데 apple과 APPLE는 서로 다른 변수다.
Reserved Name(예약어)
예약어는 변수명으로 사용할 수 없는데, 예약어가 무엇이냐하면 자바스크립트 내부에서 이미 사용중인 이름을 말한다.
Ex: let, class, return, function
상수
변하지 않는 변수를 상수라 하고, let 대신 const를 사용한다.
const PI = 3.14이렇게 const로 선언한 변수를 상수(constant)라고 부르고, 상수는 재할당 할 수 없으므로, 상수를 변경하려고 하면 에러가 발생한다.
const PI = 3.14
PI = 3.141592 // error, can't reassign the constant!대문자 상수
기억하기 힘든 값을 변수에 할당해 별칭으로 사용하는것은 널리 사용되는 관습이다.
이런 상수는 대문자와 언더바로 구성해서 이름을 짓는다!
const COLOR_RED = "#F00";
const COLOR_GREEN = "#0F0";
const COLOR_BLUE = "#00F";
const COLOR_ORANGE = "#FF7F00";
// 색상을 고르고 싶을 때 별칭을 사용할 수 있게 되었습니다.
let color = COLOR_ORANGE;
alert(color); // #FF7F00COLOR_BLUE는 "#00F"보다 더 기억하기 쉽고 좋다, 동시에 가동성 또한 좋게 만들어 줄 수 있다.
하지만 대문자 상수는 '하드 코딩한" 값의 별칭을 만들 때 사용해야 한다.
바람직한 변수명
변수이름은 간결하고 명확해야 한다.
변수가 담고있는 것이 무엇인지 잘 설명할 수 있어야 한다는 말이다.
따라서 변수가 올바른 이름을 가질때 정보를 더 쉽게 찾을 수 있고 리소스를 아낄 수 있기에 변수의 이름을 지을때는 숙고해야한다.
-
userName 이나 shoppingCart처럼 사람이 읽을 수 있는 이름을 사용하세요.
-
무엇을 하고 있는지 명확히 알고 있지 않을 경우 외에는 줄임말이나 a, b, c와 같은 짧은 이름은 피하세요.
-
최대한 서술적이고 간결하게 명명해 주세요. data와 value는 나쁜 이름의 예시입니다. 이런 이름은 아무것도 설명해주지 않습니다. 코드 문맥상 변수가 가리키는 데이터나 값이 아주 명확할 때에만 이런 이름을 사용합시다.
-
자신만의 규칙이나 소속된 팀의 규칙을 따르세요. 만약 사이트 방문객을 'user’라고 부르기로 했다면, 이와 관련된 변수를 currentVisitor나 newManInTown이 아닌 currentUser나 newUser라는 이름으로 지어야 합니다.
참고
