ES6基础之默认参数值

ES6中引入了默认参数值的特性，它可以为函数的参数提供默认值，这样在调用函数时如果没有传入对应的参数，就会使用默认值。下面详细介绍ES6中默认参数值的使用方法：

基本语法

默认参数值是在函数声明时为参数指定的值，在函数调用时，如果没有传递参数，该默认参数值将被使用。默认参数值可以通过如下方式声明：

function functionName(param1 = defaultValue1, param2 = defaultValue2, ...) {
    // 函数体
}

其中每个参数都可以通过“=默认值”来指定参数的默认值。如果在函数调用时没有为该参数传递值，则使用默认值。

示例

下面通过实际例子来说明ES6中默认参数值的使用。

示例1：计算平方和

我们编写一个函数计算给定数组的所有数的平方和。如果没有传递数组，默认使用[1, 2, 3]。

function sumOfSquares(arr = [1, 2, 3]) {
    let sum = 0;
    arr.forEach((n) => {
        sum += n * n;
    });
    return sum;
}

console.log(sumOfSquares());             // 输出14
console.log(sumOfSquares([2, 4, 6]));    // 输出56

在第一行中，我们在函数声明中指定了一个默认参数值[1, 2, 3]，用于当没有传递数组时使用。在函数体中，我们遍历数组并计算平方和，最后返回结果。

示例2：连接字符串

下面编写一个函数将两个字符串连接在一起，并可以指定连接符。如果没有传递连接符，默认为“-”。

function concatStrings(str1, str2, separator = '-') {
    return `${str1}${separator}${str2}`;
}

console.log(concatStrings('hello', 'world'));        // 输出hello-world
console.log(concatStrings('hello', 'world', '+'));   // 输出hello+world

第三个参数separator在函数声明中指定了默认值“-”。在函数体中，我们将两个字符串与连接符一起返回。

总结

ES6中的默认参数值为函数参数提供了可选的默认值，并可以通过在函数声明时指定默认值来实现。这样，在函数调用时如果没有为该参数传递值，就使用该参数的默认值。