제어문01 - 블록문

"제어문"

 

제어문(Control flow statement)은 주어진 조건에 따라 코드 블록을 실행(조건문)하거나 반복 실행(반복문)할 때 사용한다. 일반적으로 코드는 위에서 아래 방향으로 순차적으로 실행된다. 제어문을 사용하면 코드의 실행 흐름을 인위적으로 제어할 수 있다.

하지만 코드의 실행 순서가 변경된다는 것은 단순하게 위에서 아래로 순차적으로 진행하는 직관적인 코드의 흐름을 혼란스럽게 만든다. 따라서 제어문은 코드의 흐름을 이해하기 어렵게 만들어 가독성을 해치는 단점이 있다. 가독성이 좋지 않은 코드는 오류를 발생시키는 원인이 된다. 나중에 살펴볼 forEach, map, filter, reduce와 같은 고차 함수를 사용한 함수형 프로그래밍 기법에서는 제어문의 사용을 억제하여 복잡성을 해결하려고 노력한다.

 

제어문을 바르게 이해하는 것은 코딩 스킬에 많은 영향을 준다. 특히 for 문은 매우 중요하므로 확실히 이해하도록 하자.

 

---

1. 블록문

블록문(Block statement/Compound statement)는 0개 이상의 문을 중괄호로 묶은 것으로 코드블록 또는 블록이라고 하기도 한다.

자바스크립트는 여러 개의 문들을 하나의 실행단위로 그룹화한걸 블록문이라고 한다.(같이 실행할 코드들의 묶음)

 

블록문은 단독으로 사용할 수 있으나 일반적으로 제어문이나 함수 선언문 등에서 사용하는 것이 일반적이다. 문의 끝에는 세미 콜론(;)을 붙이는 것이 일반적이지만 블록문의 끝에는 세미콜론을 붙이지 않는다.

// 블록문
{
	var foo = 10;
    console.log(foo);
}

// 제어문
var x = 0;
while (x < 10) {
	x++;
}
console.log(x); // 10

// 함수 선언문
function sum(a, b) {
	return x + y;
}
console.log(sum(1, 2)); // 3