javascript默认参数是什么_如何为函数参数设置默认值？-js教程-PHP中文网

javascript默认参数是什么_如何为函数参数设置默认值？

狼影

发布： 2025-12-18 23:14:02

原创

995人浏览过

JavaScript默认参数在ES6+中通过“=”赋值实现，仅当参数为undefined时生效；支持任意表达式，可与解构赋值结合；旧环境需用typeof等安全判断模拟。

javascript默认参数是什么_如何为函数参数设置默认值？

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

ES6+ 中使用默认参数语法

现代 JavaScript（ES6 起）支持在函数参数列表中直接用 = 赋值设置默认值，写法简洁且语义清晰：

默认值只在参数为 undefined 时生效，null、false、0、空字符串等“falsy”值不会触发默认值
默认值可以是任意表达式，包括函数调用、变量、甚至其他参数（但要注意顺序：只能引用前面已声明的参数）

示例：

function greet(name = '陌生人', greeting = '你好') {
  return `${greeting}，${name}！`;
}
greet();           // "你好，陌生人！"
greet('小明');     // "你好，小明！"
greet('小明', '嗨'); // "嗨，小明！"
greet('小明', undefined); // "你好，小明！"
greet(null, '哈喽'); // "哈喽，null！" ← null 不会触发默认值

登录后复制

兼容旧环境的默认值写法（ES5 及更早）

在不支持默认参数的老版本浏览器或环境中，常用以下两种方式模拟：

立即学习“Java免费学习笔记（深入）”；

逻辑运算符 ||：简单但有风险 —— 所有 falsy 值（如 0、''、false）都会被覆盖
三元运算符或 typeof 判断：更安全，只在 undefined 时赋默认值

推荐写法（安全）：

家电小商城网站源码1.0

家电公司网站源码是一个以米拓为核心进行开发的家电商城网站模板，程序采用metinfo5.3.9 UTF8进行编码，软件包含完整栏目与数据。安装方法：解压上传到空间，访问域名进行安装，安装好后，到后台-安全与效率-数据备份还原，恢复好数据后到设置-基本信息和外观-电脑把网站名称什么的改为自己的即可。默认后台账号：admin 密码：132456注意：如本地测试中127.0.0.1无法正常使用，请换成l

查看详情

function multiply(a, b) {
  a = a !== undefined ? a : 1;
  b = typeof b === 'number' ? b : 10; // 更严格的类型判断
  return a * b;
}

登录后复制

默认参数与解构赋值结合

常用于处理配置对象，让函数调用更灵活、可读性更强：

function createButton({ text = '按钮', size = 'medium', disabled = false } = {}) {
  return { text, size, disabled };
}
createButton(); // { text: '按钮', size: 'medium', disabled: false }
createButton({ text: '提交', disabled: true }); // { text: '提交', size: 'medium', disabled: true }

登录后复制

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

常见误区与注意事项

几个容易踩坑的地方：

默认参数的表达式每次调用时重新求值（不是定义时执行），适合用 new Date() 或 [] 等生成新实例
不要在默认值中引用后面的参数（会报错），只能引用左侧已声明的参数
箭头函数同样支持默认参数，语法一致

例如安全的动态默认值：

function log(msg, time = Date.now()) {
  console.log(`[${time}] ${msg}`);
}
// 每次调用 time 都是当前时间戳，不是函数定义时的时间

登录后复制

以上就是javascript默认参数是什么_如何为函数参数设置默认值？的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

Javascript如何实现语音合成_如何让浏览器说话？ JavaScript如何操作音视频媒体元素？ Javascript的闭包是什么_它有哪些实际用途？ JavaScript WeakMap是什么_它有什么特殊用途？ javascript如何发送HTTP请求_fetch API的基本用法是什么？