바닐라JS - 변수

1. 자바스크립트 코드 한 줄(Line) = 'expressions'

a = 221
b = a - 5

console.log(b)

모든 instruction 은 각기 다른 라인에 있다.
각각의 라인들을 'expressions' 라고 부르도록 한다.

한 expression 이 끝났음을 선언하는 법은 끝에 semi-colon 을 (;) 넣어주는 것이다.

a = 221;
b = a - 5;

console.log(b,a);

2. 변수 let의 Create, Initialize, Use

변수는 다음 세 과정을 거친다

1. Create (변수를 생성하고)
2. Initialize (변수에 값을 넣어 초기화하고)
3. Use (변수를 사용 또는 업데이트하기)

위의 코드를 다시 확인해보면,

// 1. 변수 a를 생성하고
// 2. 그 a를 221로 초기화시켰다.
let a = 221;

// 여기에는 let a - 5 라고 쓰지 않았다. 위에서 생성 및 초기화된 변수 a 를 "사용"하고 있다.
let b = a - 5;

console.log(b,a);

변수를 초기화하기 전에 "let" 이라는 단어를 넣어야 하는 것이 규칙이라고 한다.
변수를 초기화 하거나 생성할 때에는 변수 앞에 let 을 넣어주지만, 이미 생성 및 초기화 된 변수를 "사용" 하거나 "업데이트" 할 때는 참조만 하면 되므로 let 을 넣을 필요가 없다.

아래는 변수를 업데이트 하는 과정이다.

let a = 221;
let b = a - 5;
a = 4;
// 여기에는 let a 라고 쓰지 않았다. 위에서 생성 및 초기화된 변수 a 를 "업데이트"하고 있다.
console.log(b, a);

b는 216, a는 기존 221 에서 4로 업데이트 되었다.

자바스크립트도 위에서 아래로 코드가 읽어져 내려가는 형태이다.