浅谈js中function的参数默认值

1. 什么是函数参数默认值

函数参数默认值是指在函数定义的时候，定义一个默认的参数值，当函数调用时，如果没有传递该参数的值，就会使用默认的参数值。可以方便地定义带有默认值的函数。

1. 函数参数默认值的语法

在 ES6 中，为函数参数设置默认值的语法如下：

function func(param1 = defaultValue1, param2 = defaultValue2, ..., paramN = defaultValueN) {
  // function code
}

其中，param1、param2、...、paramN 是函数的参数名，defaultValue1、defaultValue2、...、defaultValueN 是默认值。当调用 func() 时，如果不传递参数值，函数会使用默认值。

1. 函数参数默认值的特点

2. 函数参数默认值只作用于未传递值的参数

3. 函数参数默认值是惰性求值的

4. 示例说明

（1）不使用参数默认值：

function greeting(name, message) {
  name = name || 'Guest';
  message = message || 'Welcome to our website!';
  console.log(`Hello ${name}, ${message}`);
}

greeting('Alice', 'Thank you for visiting our website!');
greeting('Bob');
greeting();

输出结果：

Hello Alice, Thank you for visiting our website!
Hello Bob, Welcome to our website!
Hello Guest, Welcome to our website!

（2）使用参数默认值：

function greeting(name = 'Guest', message = 'Welcome to our website!') {
  console.log(`Hello ${name}, ${message}`);
}

greeting('Alice', 'Thank you for visiting our website!');
greeting('Bob');
greeting();

输出结果：

Hello Alice, Thank you for visiting our website!
Hello Bob, Welcome to our website!
Hello Guest, Welcome to our website!

可以看到，使用参数默认值可以避免函数参数的判断语句，提高函数代码的可读性和简洁性。

1. 小结

使用函数参数默认值可以方便地定义带有默认值的函数，提高函数代码的可读性和简洁性，同时避免了函数参数的判断语句。