함수(Function)

코드를 작성하다 보면 유사한 동작을 하는 코드가 여러 곳에서 필요할 때가 많습니다. 이럴 때 함수를 이용하면 중복 없이 유사한 동작을 하는 코드를 여러 번 호출할 수 있습니다.

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

---

// 함수 선언문

function sum(a, b) {
  const result = a + b;

  return result;
}

// 함수 표현식

const sum = function(a, b) {
  const result = a + b;

  return result;
};

// 화살표 함수

// 화살표(=>) 우측엔 표현식이 있음.
const sum = (a, b) => a + b;

// 대괄호{ ... }를 사용하면 본문에 여러 줄의 코드를 작성할 수 있음. return문이 꼭 있어야 함.
const sum = (a, b) => {
  // ...
  return a + b;
}

// 인자가 없는 경우
const sayHi = () => alert("Hello");

// 인자가 하나인 경우
const double = n => n * 2;

• 함수는 지역 변수를 가질 수 있습니다. 지역 변수는 함수의 본문에 선언된 변수로, 함수 내부에서만 접근할 수 있습니다.
• 함수를 선언할 때의 괄호 안의 값은 '매개변수(Parameter)'이고, 함수를 호출할 때의 괄호 안의 값은 '인자(Argument)'입니다.
• 매개변수에 기본값을 설정할 수 있습니다. 문법은 다음과 같습니다. function sum(a = 1, b = 2) {...}
• 함수는 항상 무언가를 반환합니다. return문이 없는 경우는 undefined를 반환합니다.
• 콜백함수: 함수를 함수의 인자로 전달하고, 필요하다면 인자로 전달한 그 함수를 "나중에 호출(called back")하는 것이 콜백 함수입니다.