7. 함수

7-1. 함수 소개

7-1-1. 함수의 정의와 역할

function square(num) {
    return num * num;
}

square(5); // 25

const num1 = 2;
const num2 = 3;

const sum = num1 + num2;

console.log('덧셈 결과: ' + sum); // 덧셈 결과: 5

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

const sum = addNumbers(2, 3);

console.log('덧셈 결과: ' + sum); // 덧셈 결과: 5

7-1-2. 함수의 선언과 호출

// 함수의 선언(정의)
function functionName(parameter) {
    // 실행될 코드
    parameter = parameter + ' World!'; 
    // 반환 값
    return parameter;
}

// 함수의 호출
functionName('Hello'); // Hello World!

// 사용자 정보를 객체로 그룹화하여 전달하는 함수
function greetUser(userInfo) {
    console.log('Hello, ' + userInfo.firstName + userInfo.lastName + '!');
}

// 사용자 정보 객체 생성
const user = {
    firstName: "John",
    lastName: "Doe"
};

// 함수 호출
greetUser(user); // Hello, John Doe!

// name이라는 이름의 매개변수를 정의한다.
function sayHi(name) {
    console.log(`Hi! I'm ${name}.`);
}

// 'John'이라는 문자열을 갖는 인수를 name 매개변수에 전달한다.
sayHi('John'); // Hi! I'm John.

greetUser(user); // Hello, John Doe!

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

console.log('덧셈 결과: ' + addNumbers(2, 3)); // 덧셈 결과: 5

7-1-3. 기본값 매개변수와 나머지 매개변수

function addNumbers(num1, num2 = 0) {
    return num1 + num2;
}

console.log('덧셈 결과: ' + addNumbers(2, 3)); // 덧셈 결과: 5
console.log('덧셈 결과: ' + addNumbers(2)); // 덧셈 결과: 2

function addNumbers(...nums) {
    let sum = 0;
	  
    // for...of 문을 통해 배열 내의 요소들을 반복 순회
    for (const num of nums) {
        sum += num;
    }

    return sum;
}

console.log(addNumbers(1, 2, 3)); // 6

console.log(addNumbers(1, 2, 3, 4, 5)); // 15

7-2. 함수를 정의하는 방법

7-2-1. 함수 선언문

function func(parameter) {
    // 함수의 본문 (실행할 코드)
}

7-2-2. 함수 표현식

// 함수 선언문
function func(parameter) {
    // 함수의 본문 (실행할 코드)
}

// 함수 표현식
const func = function func(parameter) {
    // 함수의 본문 (실행할 코드)
}

// 기명 함수 표현식 (named function expression)
const func = function func(parameter) { }

// 익명 함수 표현식 (anonymous function expression)
const func = function(parameter) { }

const sayHi = function sayHello() {
    console.log('안녕하세요!');
}

sayHi(); // 안녕하세요!
sayHello(); // Uncaught ReferenceError: sayHello is not defined

7-2-3. 화살표 함수

// 일반 함수 표현식
const add = function(x, y) {
    return x + y;
};

// 화살표 함수
const add = (x, y) => {
    return x + y;
}

const add = x => {
    return x;
}

const add = x => x;

7-2-4. 함수 호이스팅

sayHello(); // Hello!

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

console.log(multiply); // undefined
multiply(2, 3); // TypeError: multiply is not a function

var multiply = function (x, y) {
    return x * y;
}

7-3. 여러 가지 함수

7-3-1. 즉시 실행 함수

(function () {
    const a = 1;
    const b = 2;
    return a + b;
}()); 

(function func() {
    const a = 1;
    const b = 2;
    return a + b;
}());

func(); // ReferenceError: func is not defined

(function func() {
    const secret = "hidden value";
    console.log(secret); // hidden value
}());

console.log(secret); // ReferenceError: secret is not defined

7-3-2. 재귀 함수

function factorial(n) {
    // 종료 조건: n이 1 이하일 때 1을 반환
    if (n <= 1) {
      return 1;
    }
  
    // 재귀 호출: n * (n - 1)의 팩토리얼을 계산
    return n * factorial(n - 1);
}

console.log(factorial(0)); // 0! = 1
console.log(factorial(1)); // 1! = 1
console.log(factorial(2)); // 2! = 2
console.log(factorial(3)); // 3! = 6

7-3-3. 콜백 함수

function sayHi(name, callback) {
    console.log('Hi!');
    callback();
}

function greet() {
    console.log('Nice to meet you.');
}

sayHi('John', greet);
// Hi!
// Nice to meet you.

function sayHi(name, callback) {
    console.log('Hi!');
    callback();
}

sayHi('John', function () {
    console.log('Nice to meet you.');
});
// Hi!
// Nice to meet you.

const arr = [1, 2, 3, 4, 5];

const newArr = arr.filter(function (item) {
   return item % 2;
});

console.log(newArr); // [1, 3, 5]