변수(🔑Study Keyword)

✍🏻 변수가 필요한 이유

변수는 코드의 재활용성과 가독성을 높여주고, 중복을 제거하여 유지보수가 용이하다는 점에서 변수의 사용이유가 좀 더 명확해진다고 볼 수 있다.

🌎 예를 들어서 코드가 5줄이라고하면 변경하고 싶은 데이터값이 있으면 찾기 쉬울것이고 변경하기도 쉬울것이다 하지만 코드가 10줄,100줄,1000줄이라면 쉽게 찾을 수 있을까? 어려울것이다.. 그래서 변수가 필요한것이다!

✍🏻 변수를 선언하는 방법으로는 3가지가 있다

1. var

   var 변수명 = 데이터값

2. let

   let 변수명 = 데이터값

3. const

   const 변수명 = 데이터값

✍🏻 각 변수들 (var,let,const)의 차이점들이 있다

♣︎ 중복선언 가능 여부

1. var : 중복선언 가능
   (중복해서 선언(+초기화)가 가능하다 이경우 마지막 할당된 값이 변수에 저장된다.)

2. let,const : 중복선언 불가능
   (이미 선언한 변수를 다시 선언할 경우,에러발생)

♣︎ 재할당 가능여부

1. var, let 값의 재할당이 가능
   (변수 선언 및 초기화 이후에 반복해서 데이터값을 다른 값으로 재할당 할 수 있다.

2. const 값의 재할당이 불가능
   (const는 상수를 선언한 키워드, 처음 선언할 때 반드시 초기화(값 할당)를 해줘야 한다.

♣︎ 스코프(scope)

유효한 참조 범위
예를 들어, 함수 내부에서 선언된 변수는 함수 내부에서만 참조가능하다. 이경우 변수의 스코프는 함수 내부로 한정 된다.

1. var : 함수 레벨 스코프 (function-level scope)
   (함수 내부에 선언된 변수만 지역변수로 한정하며, 나머지는 모두 전역변수로 간주한다.)

2. let,const : 블록 레벨 스코프(block-lever scope)
   (함수 내부는 물론, if문, for문 등의 코드 블럭{...}에서 선언된 변수도 지역변수로 취급한다. )

♣︎ 호이스팅

자바스크립트는 코드를 실행하기 전, 일종의 '코드 평가 과정'을 거치는데, 이때 '변수 선언문'을 미리 실행두기 때문에 뒤에서 선언된 변수도 앞의 코드에서 참조할 수 있게 된다. 이를 변수 호이스팅 이라고 한다.

1. var : 변수 호이스팅 발생한다.

2. let, const : 변수 호이스팅이 발생한다. 하지만 다른 방식으로 작동한다.
   
   📽영상을 보면 더 확실히 알수있다 gogo→ 호이스팅

♣︎전역객체 프로퍼티 여부

1. var : 전역객체의 프로퍼티다.

2. let,const : 전역객체의 프로퍼티가 아니다.

💡참고
변수 선언 방식 차이