JavaScript | 基礎構文：関数 – デフォルト引数

JavaScript

2025.12.14

デフォルト引数とは何か
基本構文と流れ
例題で理解する
デフォルト引数のメリット
まとめ

デフォルト引数とは何か

デフォルト引数とは、関数を呼び出すときに値が渡されなかった場合に使われる「初期値」のことです。これを設定しておくと、引数が省略されても関数が正しく動作します。初心者にとっては「引数が空でも安心して使える仕組み」と覚えると分かりやすいです。

基本構文と流れ

JavaScript では次のように書きます。

function greet(name = "ゲスト") {
  return `こんにちは、${name}さん`;
}

function greet(name = "ゲスト") {
  return `こんにちは、${name}さん`;
}

JavaScript

name = "ゲスト" の部分がデフォルト引数です。
関数を呼び出すときに引数を渡さなければ "ゲスト" が使われます。

例題で理解する

例題1：引数が省略された場合

function greet(name = "ゲスト") {
  return `こんにちは、${name}さん`;
}

console.log(greet("太郎")); // こんにちは、太郎さん
console.log(greet());       // こんにちは、ゲストさん

function greet(name = "ゲスト") {
  return `こんにちは、${name}さん`;
}

console.log(greet("太郎")); // こんにちは、太郎さん
console.log(greet());       // こんにちは、ゲストさん

JavaScript

引数を渡さないと "ゲスト" が使われます。

例題2：計算にデフォルト値を使う

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

console.log(add(3, 5)); // 8
console.log(add(10));   // 10 （b は 0 が使われる）
console.log(add());     // 0  （a と b が両方 0）

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

console.log(add(3, 5)); // 8
console.log(add(10));   // 10 （b は 0 が使われる）
console.log(add());     // 0  （a と b が両方 0）

JavaScript

引数が足りなくても、デフォルト値が補ってくれるので安全です。

例題3：複雑な処理に応用

function createUser(name = "名無し", age = 0) {
  return { name, age };
}

console.log(createUser("太郎", 20)); 
// { name: "太郎", age: 20 }

console.log(createUser("花子"));     
// { name: "花子", age: 0 }

console.log(createUser());           
// { name: "名無し", age: 0 }

function createUser(name = "名無し", age = 0) {
  return { name, age };
}

console.log(createUser("太郎", 20)); 
// { name: "太郎", age: 20 }

console.log(createUser("花子"));     
// { name: "花子", age: 0 }

console.log(createUser());           
// { name: "名無し", age: 0 }