[JS스터디] 변수, 표현식, 문

변수

💡 CPU 와 메모리
- CPU: 메모리에 있는 데이터를 연산
- 메모리: 셀 하나는 1Byte (=8bit)
-- 메모리 주소: 각 셀의 고유한 메모리 공간의 위치 (0부터 메모리 크기까지의 메모리 주소)
-- 메모리에 저장되는 데이터는 종류와 상관없이 2진수로 저장됨

• CPU가 연산한 결과값을 재사용하려면?
  • ❌ ‘직접 접근’ → 자바스크립트는 개발자가 메모리를 직접 제어하는 것을 허용 X
    • 메모리 주소로 ‘직접 접근’ 하는 것은 시스템에 치명적인 오류를 발생시킬 수 있음
    • 직접 접근하고 싶어도 못 함 (연산할 때마다 결과값은 임의의 주소에 저장되기 때문)
  • ⭕️ ‘변수’ 사용 → 개발자가 직접 메모리 주소를 통해 접근할 필요 없이 변수를 통해 안전하게 접근 가능!
    • 변수 : 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름
    • 값의 위치를 가리키는 상징적인 이름
    • 프로그래밍 언어의 컴파일러 또는 인터프리터에 의해 값이 저장된 메모리 공간의 주소로 치환되어 실행됨
• 할당 : 변수에 값을 저장하는 것
• 참조 : 변수에 저장된 값을 읽어들이는 것
  • 변수 이름을 통해 참조할 때, 자바스크립트 엔진이 변수 이름(식별자)과 매핑된 메모리 주소를 통해 메모리 공간에 접근하여 저장된 값을 반환한다.

식별자

• 식별자 : 어떤 값(변수, 함수, 클래스 등)을 구별해서 식별할 수 있는 고유의 이름. 메모리 주소에 붙인 이름.
  • 변수, 함수, 클래스 등의 이름
    • 네이밍 규칙: 특수문자 제외한 문자, 숫자, _, $ (단, 숫자로 시작X, 예약어X) | 대소문자 구분O
    • 네이밍 컨벤션: camelCase, snake_case, PascalCase, typeHungarianCase
  • 값이 아니라 메모리의 주소를 기억하고 있음
  • 값이 저장되어 있는 메모리의 주소와 매핑 관계를 맺음 (매핑 정보도 메모리에 저장)
  • 선언 을 통해 자바스크립트 엔진에 식별자의 존재(값이 생성됨)를 알림

변수 선언

• 변수 선언 : 변수를 생성하는 것.
  • 변수 이름을 등록, 값 저장을 위한 메모리 공간의 확보
  • 변수 이름과 확보된 메모리 공간의 주소를 연결 → 값을 저장할 수 있게 준비
  • 변수 선언에 의해 확보된 메모리 공간은 확보가 해제되기 전까지 누구도 그 메모리 공간을 사용할 수 없음
  • 선언 단계 , 초기화 단계 2단계를 거쳐서 진행
• 변수를 사용하려면 반드시 변수 선언이 필요
  • 선언 방법: var, let, const 키워드 사용
• var : 뒤에 오는 변수 이름으로 새로운 변수를 선언할 것을 지시하는 키워드
  • 선언 직후 아직 할당 안 한 상태: 메모리 비어있는 것이 아니라, 자바스크립트 엔진이 **undefined** 값을 암묵적으로 할당되면서 초기화
  • 선언 단계 와 초기화 단계 동시에 진행 (선언과 동시에 undefined값이 할당)
• ReferenceError : 선언되지 않은 변수를 참조하려 할 때 발생하는 에러 (등록이 안 된 변수 접근 시)

변수 선언의 실행 시점과 변수 호이스팅

• 변수 선언은 런타임(소스코드가 한 줄씩 실행되는 시점)이 아니라 그 이전 단계(소스코드 실행을 위한 준비 단계인 ‘소스코드 평가 과정’)에서 먼저 실행된다.
  • 소스코드 실행 이전에 자바스크립트 엔진이 모든 선언문을 실행하고, 그 후에 선언문들을 제외한 나머지 소스코드를 한 줄씩 순차적으로 실행한다.
  • 따라서 변수 선언문이 소스코드 어디에 위치하든 상관없이 어디서든 변수 참조 가능
• 변수 호이스팅 : 변수 선언문이 코드의 선두로 끌어올려진 것처럼 동작하는 자바스크립트 고유의 특징
  • 선언문은 모두 런타임 이전 단계에서 먼저 실행된다 = 호이스팅된다
  • var, let, const, function, function*, class 키워드를 통해서 선언하는 모든 식별자는 호이스팅된다.

값의 할당

• 할당 연산자
• 변수 선언과 값의 할당 - 하나의 문장으로 단축해놔도 엔진은 선언, 할당 두 개로 나눠서 실행
• undefined로 할당된 변수의 값을 80으로 변경(즉 재할당)할 경우
  • undefined가 저장돼 있던 기존의 메모리 공간을 비우고 다시 그 곳에 80을 저장하는 것이 아니라,
  • ‘새로운 메모리 공간을 확보’하고 그곳에 80을 저장

값의 재할당

• 이미 값이 할당된 변수의 값을 변경하는 것

cf. 상수 : 값을 재할당할 수 없는 것. 단 한번의 할당만 가능함.

• 기존 값이 저장돼 있던 메모리 공간을 비우고 새로 저장하는 게 아니라, 새로운 메모리 공간을 확보하고 거기에 저장
  • 가비지 콜렉터 에 의해 언젠가 재할당 전의 불필요한 기존 값들은 메모리에서 자동 해제됨. 더 이상 사용하지 않는 메모리(어떤 식별자도 참조하지 않는 메모리 공간)를 해제함.
• 값: 표현식이 평가되어 생성된 결과
• 리터럴: 사람이 이해할 수 있는 문자 or 약속된 기호로 표기한 코드
  • 리터럴은 평가되어 값을 생성한다.
  • 값을 생성하기 위해 미리 약속한 표기법.
• 표현식: 값으로 평가될 수 있는 문
• 문: 프로그램을 구성하는 기본 단위이자 최소 실행 단위

표현식

• 표현식 은 평가되어 값을 생성한다.
• 값으로 평가될 수 있는 문

문

• 문 은 프로그램을 구성하는 기본 단위이자 최소 실행 단위
  • 토큰 : 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소
  • 토큰이 모여 문이 됨
• 컴퓨터에 내리는 명령어
• 표현식인 문 , 표현식이 아닌 문
  • 값으로 평가될 수 있는 문, 없는 문
  • 변수에 할당할 수 있는 문, 없는 문