JavaScript默认参数实用技巧

JavaScript 默认参数是一项简洁却强大的特性，它允许开发者在函数定义时为参数预设默认值，从而在未传参或传入 undefined 时自动启用，有效避免因参数缺失导致的运行时错误；它不仅语法直观（如 `name = "游客"`），还支持动态表达式、函数调用甚至前序参数引用，广泛应用于配置对象初始化、可选字段处理和工具函数设计等场景，显著提升代码健壮性、灵活性与可读性——这个看似简单的小技巧，实则是写出更优雅、更少防御性判断的现代 JavaScript 的关键一环。

在 JavaScript 中，函数参数如果没有传值，会默认为 undefined，这可能导致程序出错或产生非预期结果。使用默认参数可以有效避免这类问题，让函数更健壮、更易用。

什么是默认参数？

默认参数允许你在定义函数时为参数指定一个默认值，当调用函数时没有传递该参数或传的是 undefined，就会使用这个默认值。

语法非常简单，直接在参数后面用等号赋值即可：

默认参数的实际应用场景

默认参数特别适合处理配置对象、可选输入和工具函数。

• 配置项函数：很多函数接受一个选项对象，某些字段可选
• 数学计算：某些参数有合理的默认行为（如延迟时间、重试次数）
• 字符串格式化：提供默认分隔符或模板

function createPost(title, author, published = true, tags = []) {
  return { title, author, published, tags };
}

createPost("JavaScript 入门", "张三");
// 返回：
// {
//  title: "JavaScript 入门",
//  author: "张三",
//  published: true,
//  tags: []
// }

默认参数的注意事项

虽然默认参数使用简单，但有几个关键点需要注意：

• 只有 undefined 或未传值时才会触发默认值，传 null 不会
• 默认值可以是表达式，甚至调用其他函数
• 后面的参数可以引用前面的参数

function logTime(msg, time = new Date().toLocaleString()) {
  console.log([${time}] ${msg});
}

logTime("页面加载完成");
// 输出：[2025/4/5 10:23:45] 页面加载完成

还可以利用前一个参数作为后一个参数的默认值：

基本上就这些。合理使用默认参数能让你的函数更灵活，减少条件判断，提升代码可读性。不复杂但容易忽略的小技巧，值得掌握。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~