Notice
Recent Posts
Recent Comments
Link
«   2025/08   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
Tags
more
Archives
Today
Total
관리 메뉴

코드로보시죠

[JavaScript-46] 함수를 변수에 할당해 사용하기 (함수표현식) 본문

[JavaScript] 코드잇과 함께!

[JavaScript-46] 함수를 변수에 할당해 사용하기 (함수표현식)

코드로 보시죠 2023. 10. 1. 01:11

자, 여기부터는 이제 난이도가 슬슬 올라갑니다. 

일반적으로 함수는

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

이런 식으로 선언을 했었죠?

그런데, 함수를 선언하는 또 다른 방식이 있는데, 

먼저 코드로 보여드릴게요!

//정의부
const adder = function (x, y){
    return x + y;
    };
    
    
//호출
console.log(adder(3, 4));

이렇게, adder라는 변수에 함수를 할당해주고,

변수 뒤에 괄호를 넘겨줘서 함수를 호출할 수도 있습니다.

 

이렇게, 함수를 변수에 할당하여 선언하는 방식을 함수표현식이라고 부릅니다. 

 

자, 그런데, 여기서 주의해야 할 사항이 있습니다. 

이 내용이 어렵고 중요하니까 집중하세요!

 

위에 제가 적어둔 함수 표현식은, 변수이름은 있으나 함수 자체에는 이름이 없죠?

위의 코드를 살짝 바꿔볼게요.

//정의부
const adder = function summation (x, y){
    return x + y;
    };

이제, summation이란 이름을 가진 함수를 adder라는 변수에 할당했네요.

자, 그럼 여기서 질문 하나.

 

저 함수를 호출하려면,

adder(1,2);

summation(1,2); 

 

둘 중 뭐가 맞을까요?

네, 정답은 adder입니다. 

함수 표현식으로 정의된 함수를 호출할 땐, 반드시 변수 이름을 사용해주셔야 합니다!

꼭 기억해주기!