js 函数参数默认值(JS函数默认参数)

JavaScript函数参数默认值是ES6引入的重要特性，它通过简洁的语法解决了函数调用时参数缺失或未定义的问题。在ES6之前，开发者通常依赖arguments对象或逻辑判断来处理默认值，这种方式不仅代码冗长且易出错。例如，传统写法需通过`if (param === undefined)`判断并赋值，而ES6允许直接在参数列表中定义默认值，如`function foo(x=5) `。这一特性显著提升了代码可读性，减少了冗余逻辑，并支持默认参数表达式（如`x=Math.random()`）和解构赋值结合默认值等高级用法。然而，默认值的实际行为可能因参数类型（如`null`与`undefined`）、参数位置、作用域链等因素产生差异，需结合具体场景谨慎设计。

---

1. 默认参数的基础语法与执行机制

ES6允许在函数声明或表达式中直接为参数指定默认值，形式为`paramName = defaultValue`。其核心规则如下：

• 默认值仅在参数为undefined时生效，若显式传入`null`或非空值（如0、false），默认值不会覆盖。
• 默认值可以是表达式，但需注意表达式中变量的作用域。例如：

let a = 10;
function test(b = a)  console.log(b);  // 输出10
a = 20;
test(); // 仍输出10，因默认值在函数定义时确定

参数类型	传入值	实际值
基础类型	undefined	默认值
对象/数组	undefined	新建实例
所有类型	null	保留null

---

2. 默认参数的位置与数量限制

默认参数必须位于无默认值参数之后，否则会触发语法错误。例如：

// 错误示例
function err(a=1, b)  ...  // SyntaxError: 参数b缺少默认值

此限制源于JavaScript的参数解析顺序：实参按顺序映射到形参，若前序参数有默认值，后序参数可能被跳过。为兼容此规则，可通过以下方式解决：

• 调整参数顺序，将有默认值的参数后置。
• 使用解构赋值合并参数，例如：

function foo(x=1, y=2=)  ...  // 通过对象解构绕过顺序限制

---

3. 默认值的类型与特殊值处理

默认值的类型直接影响函数行为，需特别注意以下场景：

默认值类型	传入undefined	传入null	传入其他falsy值
基本类型（number/string/boolean）	使用默认值	保留null	保留传入值
对象/数组	新建空对象/数组	保留null	保留传入值
函数/Symbol	使用默认值	保留null	保留传入值

关键差异：当默认值为对象或数组时，每次调用函数都会创建新实例；而基本类型默认值会被复用（如`let x=5; function test(a=x)`中，所有未传参的调用共享同一个x的引用）。

---

4. 默认参数与解构赋值的结合

解构赋值可与默认参数结合，实现对象或数组的默认值处理：

// 对象解构
function opts(host='localhost', port=80 = )  ... 
opts(); // host=localhost, port=80
opts(port:8080); // host=localhost, port=8080
// 数组解构
function test([a=1, b=2]) 
test([,3]); // a=1, b=3（第二个元素覆盖默认值）

注意事项：

• 解构默认值仅在顶层参数为undefined时生效，例如`function f([a=1]) `中，若传入`null`，整个数组参数被视为`null`，导致解构失败。
• 嵌套解构需逐层定义默认值，如`function f(a=b:2=)`。

---

5. 动态默认值与作用域链

默认值表达式可引用外部变量，但其值在函数定义时静态确定，而非运行时计算。例如：

let count = 0;
function increment(x = count)  count++; return x; 
increment(); // 返回0，count变为1
increment(); // 仍返回0，因默认值已固定为初始count值

若需动态计算默认值，可使用函数表达式：

function makeIncrementer(start=0) 
  return function(step=1)  return start += step; ;
const inc = makeIncrementer();
inc(); // 1
inc(); // 2

作用域规则：默认值表达式中的变量需在函数定义时可访问，且遵循词法作用域。例如：

function outer(x) 
  function inner(y = x)  return y; 
  return inner;
const closure = outer(10);
closure(); // 返回10（捕获外层函数的x）

---

6. 默认参数的性能考量

默认参数可能带来额外性能开销，主要体现在以下场景：

场景	性能影响	优化建议
频繁调用的函数	默认值表达式重复计算	将默认值提取为常量或闭包外部变量
大型对象/数组默认值	每次调用创建新实例	复用静态模板对象（需注意副作用）
嵌套解构默认值	多层解构增加解析时间	简化参数结构或拆分函数

示例对比：

// 低效写法（每次创建新数组）
function process(data = [])  data.push(1); return data; 
process(); // [1]
process(); // [1]（非预期结果，因数组是新实例）
// 高效写法（复用模板）
const DEFAULT_DATA = [];
function process(data = DEFAULT_DATA)  // 需注意修改DEFAULT_DATA会影响所有调用

---

7. 默认参数与类型检查的兼容性

默认参数无法替代类型检查，需结合其他手段验证输入：

// 错误示例：默认值掩盖类型错误
function add(a=0, b=0)  return a + b; 
add("5", "10"); // 结果为"510"（字符串拼接）

解决方案：

• 在函数体内显式转换类型，如`a=Number(a)||0`。
• 使用断言库（如TypeScript）进行静态类型检查。
• 结合默认参数与解构赋值强制类型，例如：

function config( port=80, host="localhost"  = )  ... 
config( port: "3000" ); // 需手动转换port为数字

---

在实际开发中，默认参数的设计需平衡灵活性与可维护性：

// 不推荐：默认参数依赖全局状态
let globalConfig = ;
function init(config = globalConfig)  Object.assign(globalConfig, config); 
// 可能导致意外副作用，应改为显式传参或深拷贝

---

JavaScript函数参数默认值通过简化语法和灵活的设计，显著提升了代码质量。然而，其行为细节（如`null`与`undefined`的差异、作用域绑定、性能开销）仍需开发者深入理解。在实际使用中，应结合解构赋值、类型检查、作用域管理等技术，确保默认参数既安全又高效。未来，随着TC39提案的推进（如