Deep Dive -2 (변수)

자바스크립트 엔진의 연산 과정 💻

• 우선 자바스크립트의 10 + 20 을 진행할때의 순서부터 알아보자.
• 자바스크립트 엔진은 10 + 20 이라는 코드를 계산할때 메모리를 사용해 데이터를 기억하고, CPU를 사용해 연산을 진행한다.
• 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체이며 메모리 셀 하나의 크기는 1바이트(8비트), 즉 1바이트 단위로 데이터를 저장, 또는 읽는 작업을 한다.
• 컴퓨터는 해당 데이터가 텍스트, 이미지, 숫자 무엇이 되었든 모든 작업을 2진수로 처리하고 저장한다.
• 즉, 10 + 20 은 메모리 상의 임의의 위치에 저장하고 CPU는 이 값을 읽어 연산을 진행한 후 메모리 상의 임의의 위치에 결과값도 저장한다.

 

어? 결과값인 30을 이용하고싶은데... 🙄

• 이때 이용할 수 있는게 바로 변수(variable)다.
• 프로그래밍 언어는 기억하고 싶은 값을 메모리에 저장하고 저장된 값을 읽어서 재사용하기 위해 변수라는 메커니즘을 제공한다.
• 즉, 변수란 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다.
• 변수에 값을 저장하는 것을 할당, 저장된 값을 읽는걸 참조라 한다.
• 변수의 이름은 저장된 값의 의미를 명확하게 파악할 수 있게 지어야 한다.
• 변수이름을 식별자(identifier) 라고도 하는데 식별자는 어떤 값을 구별해서 식별할 수 있는 고유한 이름을 말하며 식별자는 결과값이 아닌 값이 저장되어 있는 메모리 주소를 기억하고 있다.

 

변수 선언 🙋‍♂️

// ex))

const numberArray;

const name;

• 변수 선언이란 변수를 생성하는 것이다. 위에 예시는 변수를 선언한 것.
• 변수를 선언할때 var, let, const 키워드를 사용하며 ES6 도입 전에는 var이 유일한 키워드 였지만 지금의 var은 사용하지 않고 let과 const 를 사용한다.

 

값의 할당 👀

• 변수에 값을 할당 할 때는 할당 연산자 = 를 사용한다.
• 할당연산자는 변수 = 값 , 우변의 값을 좌변의 변수에 할당한다.

const score; //변수 선언
score = 50; // 값의 할당

const score2 = 80; //변수를 선언함과 동시에 값을 할당

- 변수의 선언과 값의 할당을 이렇게 따로 표현할 수 있지만 대부분 값의 선언과 동시에 할당을한다.

 

var의 단점과 let,const 를 사용하는 이유는 다음화에 알아보자. ⭐