자바스크립트 변수 특징

자바스크립트는 크게 var, let, const 변수가 있는데,

var 변수와 let,const 변수는 다른 특징이 있다.

var 이름;
var 이름;   //에러 없음! 

위에 예시 처럼 var는 재할당이 가능하다.

let 사과;
let 바나나;   //에러!

const 사과
const 바나나  //에러! 

하지만 let, const는 재할당을하게 되면 에러가 난다.

why? ES6에서 이 기능을 넣었을까?

우리는 코드를 작성하면서 많은 휴먼에러를 만나게 되는데,

변수할당 해줄때도 마찬가지로 이미 전에 변수를 할당한지 모르고

똑같이 변수 할당을 해주게 되면, 의도대로 코드가 작동 하지 않는 상황이 많았기 때문에

var를 최대한 안쓰고, let,const처럼 자동으로 "이렇게하면안되요!"라는 것을 알려주어서 매우 유용한 기능이다.😃

범위

또한 변수들의 사용 범위가 다르다.

자바스크립트 Hoisting

문자열을 Javascript Object의 key로 사용하기

주로 Json 통신을 하는 방식에서 많이 쓰인다고 한다.
변수를 자바스크립트 객체 key로 쓰고 싶을때가 있을 것이다.

이럴때 전에 사용하던 방식은

const 입력받은문자Key = '안녕'
const 입력받은문자Value = '그래'

const 객체 = {}
객체[입력받은문자Key] = 입력받은문자Value;

console.log(객체)

// 결과 :  {안녕 : '그래'}

빈객체를 만들고 다시 넣어주고 한단계 더 복잡했는데,

ES6에서 엄청 간결해졌다.

const 입력받은문자Key = '안녕'
const 입력받은문자Value = '그래'

const 객체 = { [입력받은문자Key]:입력받은문자Value } 

console.log(객체)

// 결과 :  {안녕 : '그래'}

보기도 간단하고 이해하기 쉬워졌다. 👏