#9 함수

서비스를 만들다 보면 같거나 비슷한 동작들이 생기기 마련이다.

이런 비슷한 동작들을 자주 사용하거나 여러 곳에서 사용한다면 하나로 만든 다음 재활용 하는게 편리하다.

 

함수

 자주 반복되는 동작을 한 곳에 모아 놓은 코드 묶음이고, 필요할 때 호출하는 방식으로 사용가능하다.

 

함수의 장점은 코드 재사용성과 유지보수성이 크게 좋아진다.

 

함수는 fuction 이라는 키워드를 사용하며, 기본 구조는 아래와 같다.

function 함수명(매개변수1, 매개변수2, …) {
    // 수행할 작업
}

정의한 함수는 함수명 뒤에 괄호를 붙여 호출이 가능하다.

function sayHello(name) {
    console.log(`Hello, ${name}`);
}

sayHello('Yeon');

• 이 코드는 sayHello 라는 함수를 선언
• Yeon 이라는 인자를 넣어 함수 내부에서 문자열을 출력

---

매개변수(Parameter) 와 인수(Argument)

함수는 입력 값이 필요할 때 매개변수(Parameter)을 정의할 수 있다.

함수에 값을 전달하면, 그 값은 함수 내부에서 변수처럼 사용된다.

function sayHello(name) {
    console.log(`Hello, ${name}`);
}

sayHello('Yeon');

아까와 같은 코드입니다.

• name은 매개변수(Parameter) 다.
• Yeon은 함수 호출시 넣은 인수(Argument) 다.

---

return  반환값

함수는 연산 후 결과를 반환(return) 이 가능합니다.

return 키워드 뒤에 적은 값이 함수 호출 결과 값으로 한다.

function add(num1, num2) {
    return num1 + num2;
}

const result = add(2, 3);
console.log(result); // 5

• 위 코드 처럼 add는 두 숫자를 더한 값을 반환(return) 한다.
• return 을 작성하지 않으면 함수는 undefined 를 반환한다.

---