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

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免费学习笔记(深入)”;
推荐写法(安全):
家电小商城网站源码1.0
0
家电公司网站源码是一个以米拓为核心进行开发的家电商城网站模板,程序采用metinfo5.3.9 UTF8进行编码,软件包含完整栏目与数据。安装方法:解压上传到空间,访问域名进行安装,安装好后,到后台-安全与效率-数据备份还原,恢复好数据后到设置-基本信息和外观-电脑把网站名称什么的改为自己的即可。默认后台账号:admin 密码:132456注意:如本地测试中127.0.0.1无法正常使用,请换成l
0 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 都是当前时间戳,不是函数定义时的时间