- 함수는 프로그램을 구성하는 주요 구성요소 입니다.
- 잘 만들어진 함수를 이용하면 중복 없이 유사한 동작을 하는 코드를 여러번 호출 가능합니다.
- 함수는 간결하게 한가지 기능만 수행 할 수 있도록 만들어야 합니다.
(예제1)
function sayHello() {
alert("Hello kim!");
}
sayHello(); // 함수 호출
- 위 (예제1)은 "Hello kim"을 alert 창에 보여주는 작업을 하는 함수입니다.
- 이렇게 함수를 만들어 두면 원하는 곳에서 함수 호출을 하여 간편하게 원하는 동작을 하게 만들 수 있습니다.
(예제2)
function sum(a, b) {
return a + b; // 전달 받은 값을 더하기 연산 후 반환
}
let result = sum(1, 2); // 1 과 2를 sum(a, b) 함수에 전달
alert( result ); // 3
- 함수를 호출시 그곳에 특정 값을 반환하게 만들 수도 있습니다.
- 이때 반환하게 되는 특정 값을 반환 값(return value)라고 부릅니다.
- return은 함수 내 어디서든 사용 가능합니다.
- 함수 실행 흐름에서 return을 만나면 함수는 즉시 중단 되면서 함수를 호출한 곳에 반환 값을 전달 합니다.
- return은 함수를 진행을 중단 시키는 용도로 사용이 가능합니다.
function nothingToReturn() {};
console.log(nothingToReturn()); // "undefined"
- return이 없는 함수는 "undefined" 를 반환 합니다.
1.
return
(a + b + c + d + e + f + g + h + i + j + k + l)
2.
return;
(a + b + c + d + e + f + g + h + i + j + k + l)
- 반환하려는 값이 너무 길어 1번 처럼 return과 반환하려는 값 사이에 새로 줄을 넣게 되면 2번 처럼 동작합니다.
- 반환하고자 헀던 값을 반환하지 못하고 아무것도 반환하지 않는 것처럼 되어버립니다.
3.
return(
a + b + c + d + e
+ f + g + h + i +
j + k + l
)
- 표현식을 여러줄에 걸쳐 작성하고자 한다면 위 3번의 코드처럼 작성해야 합니다.
- return 이 있는 줄에서 시작하도록 작성해야 하며, 여는 괄호를 사용해야 합니다.