Function Expression (함수 표현)

• 함수는 다른 변수처럼 취급됩니다.
• 다른 함수에 인수(argument)로 전달할 수 있습니다.
• 다른 함수에 의해 반환 될 수 있습니다.
• 함수 표현식은 호이스팅에 영향을 받지 않는다.

<aside> 💡 함수 이름(); : 함수 호출

함수 이름(); : 함수 호출

const val = 함수 이름; → 함수 자체를 반환

const val = 함수 이름(); → 함수의 return 값을 반환

</aside>

const print = function () { // -> 함수는 다른 변수처럼 취급됩니다. (A)
    // anonymous function - 이름이 없는 함수
    console.log('print');
};
print();

const printAgain = print;
printAgain(); // -> 다른 함수에 의해 반환 될 수 있습니다. (C)

function sum(a, b) {
    return a + b;
}
const sumAgain = sum;
console.log(sumAgain(1, 3)); // -> 다른 함수에 인수(argument)로 전달할 수 있습니다. (B)

Function Declarations (함수 선언)

• 함수 선언은 정의 된 것보다 일찍 호출 될 수 있습니다. (hoisting)

testFunc(); // 'test-dumy' (hoisting - 함수 선언)

function testFunc() {
    console.log('test-dumy');

    console.log(testVal); // undefined (hoisting - var 변수)
    var testVal = 'hi!';
}

• 실행이 도달하면 함수 표현식이 생성됩니다.

Callback function

• 정의 : 함수에 파라미터로 들어가는 함수
• 용도 : 순차적으로 실행하고 싶을 때 사용

function randomQuiz(answer, printYes, printNo) { // 인자(parameter) : 함수
    if(answer === 'love you') {
        printYes();
    }
    else {
        printNo();
    }
}

const printYes = function () {     // anonymous function
    console.log('yes!');
};

const printNo = function print() { // named function
    console.log('no');
};

randomQuiz('wrong', printYes, printNo);    // no
randomQuiz('love you', printYes, printNo); // yes!
//randomQuiz('wrong'); // error

Arrow frunction