[JavaScript] 함수

📍 함수란?
자바스크립트에서 함수(Function)는 반복적인 작업을 묶어놓은 코드의 집합으로, 필요할 때 호출해서 사용할 수 있는 아주 중요한 개념.

즉, 함수는 어떤 작업을 수행하거나 값을 계산하는 코드 블록으로 한 번 정의해두면 필요할 때마다 재사용할 수 있음.

• function으로 선언하고, ( )로 호출함.
• 매개변수로 데이터를 받고, return으로 결과를 돌려줌.
• 재사용성과 유지보수에 매우 중요함.

✅ 함수의 기본 구조

function 함수이름(매개변수1, 매개변수2, ...) {
  // 실행할 코드
  return 반환값; // 선택적
}

// 또는 요런 구조
function 함수명( [인자...[,인자]] ){
   코드 내용
   return 반환값
}

✔️ 함수는 function 뒤에 함수의 이름이 오고, 소괄호가 따라옴.

✔️ 소괄호에 인자라는 값이 차례로 들어오는데, 이 값은 함수를 호출할 때 함수의 로직으로 전달될 변수임.

✔️ 인자는 생략 가능함.

✔️ 함수를 호출 했을 때 실행하게 될 부분이 중괄호 안쪽에 옴.

---

함수 예제1

함수 예제2 (기본 함수 선언 예제)

function greet() {
  console.log("안녕하세요!");
}

greet(); // 👉 "안녕하세요!"

함수 예제3 (매개변수와 return이 있는 함수)

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

let sum = add(3, 7);
console.log(sum); // 👉 10

함수 예제4 (화살표 함수 Arrow Function, ES6)

const multiply = (x, y) => x * y;

console.log(multiply(4, 5)); // 👉 20