if-else에서 중괄호 생략의 문제점

JavaScript가 위에서 보여준 것처럼 중괄호를 생략하는 것을 허용하지만, 일반적으로 그렇게 하지 않는 것을 권장합니다. 왜냐하면 이것은 잡아내기 어려운 오류의 온상이 되기 때문입니다. 예를 들어 다음과 같은 코드가 있다고 가정해 봅시다:

let test = 3;

if (test > 0)
	console.log(test);

이제 조건이 참일 경우, '+++'이라는 텍스트를 가진 두 번째 메시지도 출력하기로 결정했다고 가정해 봅시다:

let test = 3;

if (test > 0)
	console.log(test);
	console.log('+++');

그러나, 중괄호 없이는 조건문 내부에 있는 것은 첫 번째 메시지뿐입니다. 즉, 첫 번째 줄은 조건이 참일 때 실행되고, 두 번째 줄은 항상 실행됩니다.

사실상 우리의 코드는 다음과 동일합니다:

let test = 3;

if (test > 0) {
	console.log(test);
}

console.log('+++'); // 이 줄은 조건문 밖에 있게 됨

그러나 우리가 원하는 것은 이런 코드입니다:

let test = 3;

if (test > 0) {
	console.log(test);
	console.log('+++'); // 이 줄은 조건문 안에 있음
}

바로 이런 이유로 이러한 종류의 실수에 빠지지 않기 위해 항상 중괄호를 사용하는 것이 권장됩니다.