[Javascript] 한 줄에 변수 선언 방법들

자바스크립트는 이런 것도 되네... 라는 생각이 참 잘 드는 스크립트 언어 같다...

봤던 것들 중 살펴보고, 조심해야 될 부분을 작성해보고자 한다.

comma로 구분하여 변수를 연속 선언

보통 자바스크립트 변수를 선언할 때 키워드 const, let, var 등을 활용한다.

const num1 = 1
const num2 = 3

이런 식으로 가다보면 쭉 내려가면서 줄이고 싶은 생각이 든다.

const num1 = 1,
      num2 = 2,
      num3 = 3,
      num4 = 4

그래서 위와 같이 설정을 하면 결과적으로는

const num1 = 1
const num2 = 2
const num3 = 3
const num4 = 4

와 같이 선언이 되어진다.

웬만하면 const, let을 꼭 활용해야 한다. var 키워드로 했을 경우 전역 객체에 속하게 될 수 있기 때문이다.

좀 더 줄이기 위해 연속 할당

위 과정 외에도 같은 값을 할당하는 경우도 있을 수 있는데 이를 연속 할당이 가능하다.

const num1 = num2 = 3
console.log(num1, num2) // 3 3

다만 여기서 주의할 점이 존재한다. 예시를 보자

const num1 = num2 = 3
num2 = 5
console.log(num2) // 5
console.log(num1) // 3

const는 재할당이 불가능한데, 위의 경우는 할당이 되었다.

순서를 봐보자

1. num2 = 3 으로 할당이 된다. 다만 명시적으로 var, let, const로 선언되지 않았기에 전역 객체(브라우저에서 window)에 암묵적으로 할당이 되어서 window.num2가 되는 것이다.
2. const num1 = num2로 할당이 되고, num1은 const로 선언되었기 때문에 상수로 된다.

그래서 사실 상 위의 경우를 안피패턴으로 보고 사용하지 않는 것이 심신에 좋다.