[JavaScript] 변수란(var, let cons)? 변수 표기법은(카멜,스네이크,파스칼,케밥 케이스)?
변수란(variable)?
하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름
즉 변수는 프로그래밍 언어에서 값을 저장하고 참조하는 메커니즘으로 값의 위치를 가리키는 상징적인이름
변수 선언?
var, let, const는 변수를 선언할 때 쓰이는데 그 중에서도 let과 const는 ES6에서 추가 됐다.
자바스크립트에서 변수 선언은 선언 → 초기화 → 할당단계를 거쳐 수행된다.
1단계: 선언 단계(Declaration phase)
→ 변수명을 등록하여 자바스크립트 엔진에 변수의 존재를 알린다.
2단계: 초기화 단계(Initialization phase)
→ 값을 저장하기 위한 메모리 공간을 확보하고 암묵적으로 undefined를 할당해 초기화한다.
3단계: 할당 단계(Assignment phase)
→ 할당 연산자 = 을 사용하여 변수에 값을 입력
var를 이용한 변수 선언은 선언+초기화가 동시에 진행되어 name에 암묵적으로 undefined를 할당해 초기화한다.
var name
console.log(name) // output: undefined
하지만.. 이게 뭔가?? 순서를 바꾸어도 반환 값이 undefined로 나온다.
console.log(name) // output: undefined
var name이게 바로 이전에 글을 썼던 호이스팅(hoistinng) 이다. 자바스크립트 엔진은 소스코드를 한 줄씩 순차적으로 실행하기에 앞서, 변수 선언을 포함한 모든 선언문(ex. 변수 선언문, 함수 선언문 등)을 찾아내 먼저 실행한다.
(개인적으로 위로 올린다던지 메모리에 저장된다던지 그런 설명보다는 위의 설명이 더 이해하기 좋은 설명이라 생각된다.)
다만 여기서 변수의 할당부분에서는 짚고 넘어가야 하는것이 있다.
변수의 선언과 할당은 하나로 표현할 수 있지만 두개의 실행 시점이 다르다는 점이다.
변수 선언이 호이스팅되어 런타임 이전에 실행되지만, 할당은 코드가 순차적으로 실행되는 런타임에 와서야 실행 된다.
따라서 변수의 할당과 console을 실행하는 위치에 따라 반환되는 값이 다르다.
console.log(name) // output: undefined
var name = "UD"
console.log(kmj) // output: UD
가비지 콜렉터
변수가 할당 되면 그 위에 덮어지는 형태가 아닌 새로운 위치에 새롭게 할당을 하게된다. 결국 재할당이 일어날때마다 새로운 메모리를 차지 하게되는데, 이렇게 되면 메모리의 누수가 일어 날 수 있어 JS는 가비지 콜렉터라는 개념이 있다.
애플리케이션이 할당한 메모리 공간을 주기적으로 검사하여 더이상 사용되지 않는 메모리를 해제하는 기능을 말한다.
JS는 가비지 콜렉터를 내장하고 있는 매니지드 언어로서 가비지 콜렉터를 통해 메모리 누수를 방지한다.
변수 이름 짓기
가독성이 있게 즉, 이름만 보고 식별이 가능하게끔 지어야 한다.
예를 들어
//x라고 명칭 된 변수는 무엇을 의미하는지 알기 어렵다.
let x = 0;
//score라는 의미가 있는 단어를 통해 변수가 가지는 값을 의미를 알 수 있음
let scroe = 0;
변수 이름 표기법
- 카멜 케이스 : firstName
- 스네이크 케이스 : first_name
- 파스칼 케이스 : FirstName
- 케밥 케이스 : first-name
var , let, const 차이?
1) var
- 변수 중복 선언 가능하여, 예기치 못한 값을 반환할 수 있다.
- 함수 레벨 스코프로 인해 함수 외부에서 선언한 변수는 모두 전역 변수로 된다.
- 변수 선언문 이전에 변수를 참조하면 언제나 undefined를 반환한다.
2) let
- 변수 중복 선언이 불가하지만, 재할당은 가능하다.
3) const
- 재할당 및 재선언이 불가능 하다. (*단 객체는 재할당이 된다.)
: 재할당을 금지할 뿐 '불변성' 유지를 의미하지는 않는다. - 반드시 선언과 초기화를 동시에 진행되어야 한다.
위와 같은 특성을 볼 때 ES6에서 let가 const가 var의 단점들을 고려하여 나왔기에
변수 선언에는 기본적으로 const를 사용하고, 재할당이 필요한 경우에 한정해 let 을 사용하는 것이 좋다고 생각된다.
*참고 :
DEEP DIVE 모던 자바스크립트https://hanamon.kr/javascript-es6-%EB%AC%B8%EB%B2%95/
https://www.howdy-mj.me/javascript/var-let-const/