Menu
Coddy logo textTech

기본 매개변수

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

프로그래밍에서 일부 매개변수가 기본값을 갖는 함수를 사용하는 것은 일반적입니다. 이 값들은 함수 호출 시 인수가 제공되지 않을 경우 매개변수가 갖게 되는 값입니다. 기본 매개변수는 함수를 더 유연하고 사용하기 쉽게 만들어 줍니다.

JavaScript에서 기본 매개변수(default parameters)를 사용하여 함수를 정의하려면, = 연산자를 사용하여 함수 정의 시 매개변수에 값을 할당합니다. 기본 구문은 다음과 같습니다:

function functionName(param1, param2 = defaultValue2, param3 = defaultValue3) {
	// 함수 본문
	// ...
}

이 구문에서 param2param3는 기본값을 가집니다. 이 매개변수들에 대한 인수를 제공하지 않고 함수를 호출하면, 자동으로 기본값을 사용하게 됩니다.

다음은 예시입니다:

function greet(name, greeting = "Hello") {
	console.log(`${greeting}, ${name}!`);
}

greet("Alice"); // 출력: Hello, Alice!
greet("Bob", "Hi"); // 출력: Hi, Bob!

이 예제에서 greet 함수는 namegreeting이라는 두 개의 매개변수를 가집니다. greeting 매개변수는 "Hello"라는 기본값을 가집니다. 함수가 하나의 인자만으로 호출될 때, greeting은 기본값을 사용합니다. 두 개의 인자로 호출될 때, 두 번째 인자가 기본값을 덮어씁니다.

기본 매개변수는 숫자, 문자열, 불리언, 배열, 객체 또는 다른 함수 호출의 결과를 포함하여 모든 유효한 표현식이 될 수 있습니다.

치트 시트

기본 매개변수(Default parameters)를 사용하면 인수가 제공되지 않을 때 함수가 미리 설정된 값을 가질 수 있습니다. 함수 정의에서 = 연산자를 사용하세요:

function functionName(param1, param2 = defaultValue) {
	// 함수 본문
}

예제:

function greet(name, greeting = "Hello") {
	console.log(`${greeting}, ${name}!`);
}

greet("Alice"); // 출력: Hello, Alice!
greet("Bob", "Hi"); // 출력: Hi, Bob!

기본 매개변수는 숫자, 문자열, 불리언, 배열, 객체 또는 함수 호출 결과가 될 수 있습니다.

직접 해보기

이 레슨에는 코드 챌린지가 없습니다.

quiz icon실력 점검

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

기초의 모든 레슨