TIL-JavaScript(함수란?,함수의 효용성)

22.05.12

> 🎪 함수(function)란?

함수(function)란 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미합니다. 이러한 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있습니다.

function 함수명( [인자...[,인자]] ){
코드
return 반환값
}

// 예제
function numbering() {
var i = 0;
while(i < 10){
document.write(1);
i += 1;
}
}
numbering();

🎡 함수의 효용성

만약에, 함수를 사용하지 않고 0부터 19까지를 출력해야 한다면 ?

var i = 0;
while(i < 20){
document.write(i);
 i += 1;
 }
 var i = 0;
while(i < 20){
document.write(i);
 i += 1;
 }
 var i = 0;
while(i < 20){
document.write(i);
 i += 1;
 }
 var i = 0;
while(i < 20){
document.write(i);
 i += 1;
 }

이러한 코드를 계속 반복해야하는데 이것을 수만번 해야한다면 너무 복잡할 것이다.
함수를 사용한다면 이러한 문제는 줄일 수 있습니다.
결과는 같지만 로직은 단 한번만 등장합니다.

// 예제
function numbering(){
var i = 0;
while(i < 10){
document.write(i+"<br/>");
i += 1;
}   
}
numbering();

💎 함수는 반복적으로 실행되는 로직이 여러가지 맥락에서 반복해서 사용해야하는 경우에는 함수가 의미가 있습니다. 즉, 함수는 여기저기 실행 될 때 유용합니다.
그래서 함수의 핵심은 재사용성입니다. 재사용성이 높아지지만 수정,변경,개선 등 때 한곳에서만 하면 여러곳이 다 바뀌어서 유지보수와 가독성이 좋아집니다. 코드는 점점 복잡해지고 사람들도 많이 사용할테고 오랜시간 이용될테니 이런 이유로 잘 만들어져 있지 않다면 수정하기 힘든 프로그램을 만들게 됩니다. 그리고 쉽게 버그가 발생하여 심각한 문제를 야기할 수 있는 프로그램이 될 수 있습니다.