자바스크립트에서 한 문장으로 여러 변수를 선언하는 방법

자바스크립트 변수 선언, 어떤 방식이 좋을까?

자바스크립트에서 여러 개의 변수를 하나의 명령문에 몰아서 작성하기보다는, 각각 한 줄로 나누어 선언하는 것이 더 좋은 방법입니다. 이렇게 하면 코드를 읽기 쉬워질 뿐만 아니라, 변수를 추가하거나 삭제하고 수정할 때도 훨씬 편리합니다.

방법 1: 변수를 각각 한 줄씩 선언

먼저 변수마다 별도의 선언문을 사용하는 방식을 살펴보겠습니다.

var one = "Demo One!";
var two = "Demo Two";
var three = 5;
var four = 30;

각 변수가 독립적인 문장으로 선언되어 있어 구조가 명확하고, 특정 변수만 골라 수정하기도 쉽습니다.

방법 2: 하나의 명령문으로 묶어 선언

이번에는 위 코드를 쉼표로 구분하여 하나의 명령문으로 합쳐 보겠습니다. 이때 코드가 한 줄에 담기엔 너무 길어지기 때문에, 가독성을 위해 다음 줄로 넘겨 작성해야 합니다.

var one = "Demo One!",
    two = "Demo Two",
    three = 5,
    four = 30;

한 번에 여러 변수를 선언할 수 있다는 점은 장점이지만, 쉼표와 세미콜론 구분이 헷갈리기 쉽고, 중간에 구분 기호를 잘못 입력하면 의도치 않은 오류(예: 전역 변수 생성)가 발생할 수 있습니다.

결론

두 방식을 비교해 보면, 각 변수를 한 줄씩 선언하는 첫 번째 방법이 훨씬 직관적이고 혼동이 적습니다. 유지보수 관점에서도 개별 선언 방식이 유리하므로, 실무에서는 한 줄에 하나의 변수를 선언하는 스타일을 권장합니다.