자바스크립트 딥다이브 04. 변수

나의 팀원들과 자바스크립트 딥다이브 스터디를 하기로 시작하였다.
박수 👏👏👏

변수란?

변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다.

var result = 10+20 

result가 변수명이자 식별자이다.
(변수명을 식별자라고 부른다.)

변수 선언과 초기화 단계

var score;       //변수의 이름 score 선언하면 초기화 단계에서 undefined로 자동으로 수행됨.
score =10;      //런타임 시점에 undefined로 초기화 되어있는 메모리에 값 10을 할당.

여기서 런타임이란 ?
프로그래밍 언어가 구동되는 환경을 말한다. javaScript 런타임의 종류로는 웹 브라우저(크롬, 파이어폭스 등)프로그램과 NodeJS라는 프로그램이 있다.

호이스팅

console.log(score); // undefined
var score; // 변수 선언문

console.log 보다 변수 선언이 아래에 있지만 참조에러가 발생하지 않고 undefined가 나온다. 이유는 변수 선언이 소스코드가 한 줄씩 순차적으로 실행되기때문이다.변수 선언을 포함한 것들을 소스코드에서 찾아내서 먼저 실행한다.그리고 나서 선언문을 제외한 소스코드를 한 줄씩 순차적으로 실행한다.

식별자 네이밍 규칙

일반적으로는 다른 사람도 변수의 의미를 알 수 있도록 일정한 표기법을 사용해야한다.

var person, $elem, _name, first_name, vla1;

// 카멜 케이스 (camelCase)
var firstName;

// 스네이크 케이스 (snake_case)
var first_name;

// 파스칼 케이스 (PascalCase)
var FirstName;

// 헝가리언 케이스 (typeHungarianCase)
var strFirstName; // type + identifier
var $elem = document.getElementById('myId'); // DOM 노드
var observable$ = fromEvent(document, 'click'); // RxJS 옵저버블

예약어

자바스크립트 문법을 규정짓기 위한 특수 키워드를 말한다.
[참고사이트]
https://www.w3schools.com/js/js_reserved.asp