모던 자바스크립트] 변수란?!

변수

아무리 복잡한 애플리케이션이어도 데이터를 입력받아 처리하고 그 결과를 출력하는 것이 전부입니다!

변수는 프로그래밍 언어에서 데이터를 관리하기 위한 핵심 개념이라 할 수 있습니다.

다음 코드를 자바스크립트에서 실행하면 자바스크립트는 어떻게 반응할까요?

10 + 20

자바스크립트 엔진은

10 + 20이라는 식을 해석할 때 + 연산을 수행하기 위해 먼저 + 연산자의 좌변과 우변의 숫자 값을 기억합니다.

따라서 좌변 10 우변 20 이라는 숫자를 + 연산자와 함께하여 30이라는 숫자를 만들어냅니다.

하지만 30이라는 숫자를 재사용 할 수 있는 방법은 위의 코드에서는 없습니다.

자바스크립트에서는 개발자의 직접적인 메모리 제어를 허용하지 않기 때문입니다.

만일 자바스크립트가 직접적인 메모리 제어를 허용하더라도 값이 저장될 메모리 주소는 코드가 실행될 때마다 변경됩니다.

따라서 메모리 주소를 통해 값에 직접 접근하려는 것은 올바른 방법이 아닙니다.

그렇다면 어떤식으로 접근해야 할까요?

바로 변수를 사용하면 됩니다.

let userId = 1;
let userName = 'Jong';
let user = {id:1, name: 'Jong'}
let users = [{id:1, name: 'Jong'},{id:2, name: 'Hyuk'}]

위의 형태로 변수를 지정할 수 있습니다.

위의 코드를 참고하여 첫 번째 예제를 리팩터링 해보겠습니다.

let result = 10 + 20;

console.log(result)
//결과 : 30

위 예제에서 result는 변수명이라 칭하고 변수에 저장된 값은 변수 값이라 칭합니다.

변수 이름은 저장된 값의 의미를 파악할 수 있게끔 작성하면 좋습니다.

코드의 가독성을 높여주며 협업에 품질 향상에 도움을 주기 때문입니다.