JavaScript默认参数怎么设置及作用

今天golang学习网给大家带来了《JavaScript默认参数是什么及如何设置》，其中涉及到的知识点包括等等，无论你是小白还是老手，都适合看一看哦~有好的建议也欢迎大家在评论留言，若是看完有所收获，也希望大家能多多点赞支持呀！一起加油学习~

JavaScript默认参数是在函数定义时为参数预设的值，仅当传入undefined时生效，支持表达式、函数调用及前序参数引用，并可与解构赋值结合用于配置对象。

JavaScript 默认参数是指在函数定义时为参数预先指定的值，当调用函数时未传入该参数（或传入 undefined），就会自动使用这个预设值。

默认参数的基本写法

在函数参数列表中，直接用 = 赋值即可设置默认值：

示例：

function greet(name = "游客", greeting = "你好") {
  return `${greeting}，${name}！`;
}
console.log(greet());           // "你好，游客！"
console.log(greet("小明"));     // "你好，小明！"
console.log(greet("小明", "嗨")); // "嗨，小明！"

默认参数的触发条件

默认值只在参数值为 undefined 时生效，其他“假值”（如 null、0、false、""）不会触发默认值：

• greet("") → 使用空字符串，不是默认的 "游客"
• greet(null) → 使用 null，不是默认的 "游客"
• greet(undefined) → 才会启用默认值

默认参数支持表达式和函数调用

等号右边可以是任意合法表达式，包括函数调用、逻辑运算、甚至访问其他已声明的参数（注意：只能引用前面的参数）：

• function pow(base, exp = 2) { return base ** exp; }
• function createObj(name, id = Date.now()) { return { name, id }; }
• function multiply(a, b = a * 2) { return a * b; } ✅ 可用前面的 a
• function bad(a = b, b = 1) { } ❌ 报错：不能引用后面的参数

与解构赋值结合更灵活

常用于处理配置对象，让调用更清晰且容错更强：

function connect({ host = "localhost", port = 3000, secure = false } = {}) {
  return `http${secure ? "s" : ""}://${host}:${port}`;
}
connect();                          // "http://localhost:3000"
connect({ secure: true });          // "https://localhost:3000"
connect({ host: "api.example.com" }); // "http://api.example.com:3000"

注意末尾的 = {}：它为整个对象参数设默认值，防止传入 undefined 导致解构报错。

好了，本文到此结束，带大家了解了《JavaScript默认参数怎么设置及作用》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！