중복코드 함수로 리팩토링

 

 

javaScript에서 아래의 코드를 보면 두 숫자를 제외하고는 모든 구문이 똑같은걸 확인할 수 있다.

let result = 2 * 5;
document.write(`두 수의 곱은 ${result}입니다.<br>`);

let result = 6 * 7;
document.write(`두 수의 곱은 ${result}입니다.<br>`);

let result = 9 * 3;
document.write(`두 수의 곱은 ${result}입니다.<br>`);

 

이렇게 중복되는 코드를 함수로 리팩토링을 해보자

function multiply(num1,num2) {
    let result = num1 * num2 ;
    document.write(`두 수의 곱은 ${result}입니다.<br>`);
}

multiply(2,5);
multiply(6,7);
multiply(9,3);

이렇게 함수로 중복되는 부분을 묶어주고 변경되는 부분만 매개변수로 호출해주면 같은 결과를 얻을 수 있고 언제든지 재사용 가능하다.