break return 차이점

 

break와 return은 함수를 멈추고 탈출한다는 점에서 비슷하다고 볼 수 도 있지만 두 가지는 명확한 차이점이 있다.

 

아래 예시를 보자

0~9까지 숫자 중 한자리 번호를 입력받아 3이 나오면 탈출 성공 실패할 경우 count와 탈출 실패 문구가 나오는 함수이다. 

 

return문

const island = () => {
    let count = 1;
    
    while(true) {
        let pass = parseInt(window.prompt("0~9 한자리 번호를 입력하세요"));
        if(pass==3) {
            console.log("탈출성공!");

            return; //return문 사용
        }
        console.log(`${count}회 탈출실패`);
	count++;
    }
    
   console.log(`총 ${count}번의 탈출시도를 했습니다.`); 
}

//함수호출
island();

실행결과

 

return문을 사용해서 탈출성공 시에는 그대로 함수를 빠져나와 버리기 때문에

console.log(`총 ${count}번의 탈출 시도를 했습니다.`); 이 구문이 실행되지 않는다.

 

 

break문

const island = () => {
    let count = 1;
    
    while(true) {
        let pass = parseInt(window.prompt("0~9 한자리 번호를 입력하세요"));
        if(pass==3) {
            console.log("탈출성공!");

            break; //break문 사용
        }
        console.log(`${count}회 탈출실패`);
    	count++;
    }
    
   console.log(`총 ${count}번의 탈출시도를 했습니다.`); 
}

//함수호출
island();

 

실행결과

 

break문을 사용하여 탈출 성공 시에는 함수가 아닌 루프를 탈출하기 때문에 whil문을 빠져나와

console.log(`총 ${count}번의 탈출 시도를 했습니다.`); 이 구문까지 실행하게 된다.

 

즉 정리 하자면 return문은 함수 탈출이고, break문은 루프 탈출 기능이라고 볼 수 있다.