함수 표현식

Coddy JavaScript 여정의 기초 섹션에 포함된 레슨. 77개 중 49번째.

JavaScript에서 함수 표현식은 표현식의 일부로 함수를 정의하는 방법입니다. 함수 선언과 달리 함수 표현식은 호이스팅되지 않으므로 코드에서 정의되기 전에 호출할 수 없습니다.

함수 표현식의 기본 구문은 다음과 같습니다.

let functionName = function(parameters) {
	// 실행할 코드
	// ...
	return value; // 선택적 return 문
};

function 키워드 뒤에는 함수의 선택적 이름이 옵니다. 이름이 지정되면 명명된 함수 표현식이 되고, 그렇지 않으면 익명 함수 표현식이 됩니다. 매개변수는 괄호 안에 지정하고, 함수 본문은 중괄호로 둘러쌉니다.

다음은 이름이 있는 함수 표현식의 예입니다:

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

console.log(add(3, 5)); // 출력: 8

이 예시에서 add는 함수를 담고 있는 변수이고, sum은 함수의 선택적 이름입니다. 함수에 이름이 있더라도 sum을 직접 호출할 수는 없습니다. 변수 add를 사용해야 합니다.

익명 함수 표현식의 예시는 다음과 같습니다.

let multiply = function(a, b) {
	return a * b;
};

console.log(multiply(4, 2)); // 출력: 8

이 경우 함수에는 이름이 없으며, 변수 multiply에 직접 할당됩니다.

함수 표현식은 함수를 다른 함수에 인수로 전달하거나 즉석에서 함수를 만들고 싶을 때 자주 사용됩니다.

챌린지

쉬움

width와 height라는 두 인수를 받아 직사각형의 넓이를 반환하는 calculateArea라는 이름의 함수 표현식을 만드세요. 이 함수는 calculateArea라는 이름의 변수에 할당해야 합니다.

예를 들면 다음과 같습니다.

console.log(calculateArea(5, 10)); // Output: 50
console.log(calculateArea(3, 7));  // Output: 21

직접 해보기

// 아래에 코드를 입력하세요


// 아래 줄을 변경하지 마세요
console.log(calculateArea(5, 10));
console.log(calculateArea(3, 7));

실력 점검

이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.

기초의 모든 레슨

1소개

4연산자 파트 2

7금액 분할 계산기

10색다른 FizzBuzz

13식료품 목록 관리기