ES6 如何设置默认参数

如果函数参数没有值或者为undefined，则具有默认值的函数参数将被初始化为默认值。JavaScript函数的参数默认为undefined。然而，设置不同的默认值可能会很有用。这就是默认参数的作用。

语法：

function name(parameter=value,...parameters) {

}

示例 1： 如果我们在此示例中将两个数字相乘，但不传入第二个参数并且不使用默认参数，则此函数返回的答案为NAN（非数字），因为如果我们不传入第二个参数，函数将用undefined来乘以第一个数字。

JavaScript

function multiply(a, b) { 
    return a * b; 
} 
  
let num1 = multiply(5); 
console.log(num1); 
let num2 = multiply(5, 8); 
console.log(num2);

输出：

NaN
40

示例 2: 如果我们不传递一个数字作为第二个参数，并将默认参数作为第二个参数，它将用默认数字乘以第一个数字，如果我们传入两个数字作为参数，它将用第二个数字乘以第一个数字。

Javascript

function multiply(a, b = 2) { 
    return a * b; 
} 
  
let num1 = multiply(5); 
console.log(num1); 
let num2 = multiply(5, 8); 
console.log(num2);

输出：

10
40

示例 3： 使用构造函数默认参数：我们可以在类的构造函数中使用默认参数的概念。

JavaScript

class Geeks { 
    constructor(a, b = 3) { 
    console.log(a * b);     
    } 
} 
let obj = new Geeks(5); 
let obj1 = new Geeks(5, 4);

输出：

15
20