[JavaScript] 05. 함수(Function)

[JavaScript] 05. 함수(Function)

함수는 여러 번 사용할 수 있는 코드 묶음이다. 반복해서 사용되는 코드를 하나로 정리하여, 필요할 때 호출해서 사용할 수 있다.

---

1) 함수란?

함수는 특정 작업을 수행하도록 미리 정의해 놓은 코드 블록이다.

function sayHello() {
  console.log("Hello");
}

위처럼 함수를 정의한 뒤, 함수 이름을 사용해 실행할 수 있다.

sayHello();

---

2) 함수의 구성

• 함수 이름
• 매개변수(parameter)
• 반환값(return)

function add(a, b) {
  return a + b;
}

a, b는 매개변수이고, return은 함수의 실행 결과를 반환한다.

---

3) 함수 선언 방식

① 함수 선언식

function sum(x, y) {
  return x + y;
}

② 함수 표현식

const sum2 = function(x, y) {
  return x + y;
};

두 방식은 비슷하지만 정의되는 시점에 차이가 있다.

---

4) 화살표 함수

화살표 함수는 함수를 간단하게 작성할 수 있는 문법이다.

const multiply = (a, b) => {
  return a * b;
};

실행 코드가 한 줄인 경우 중괄호와 return을 생략할 수 있다.

const multiply2 = (a, b) => a * b;

---

5) 매개변수와 인자

함수 정의 시 사용하는 값을 매개변수, 함수 호출 시 전달하는 값을 인자라고 한다.

function greet(name) {
  console.log(name);
}

greet("JavaScript");

---

6) 반환값(return)

return을 사용하면 함수 실행 결과를 반환하고, 함수 실행을 종료한다.

function check(num) {
  if (num > 0) {
    return "양수";
  }
  return "0 또는 음수";
}

---

7) 함수 호출

함수는 정의만 해두면 실행되지 않는다. 반드시 호출해야 동작한다.

sum(3, 5);
multiply2(2, 4);

---

8) 정리

• 함수는 코드 재사용을 위한 구조이다
• 함수는 정의 후 호출해야 실행된다
• 매개변수와 return을 사용할 수 있다
• 여러 방식으로 함수를 정의할 수 있다

다음 글에서는 [JavaScript] 06. 스코프와 호이스팅을 정리할 예정이다.