ECMAScript 2015 的新特性：函数参数默认值
在 JavaScript 中，我们经常需要声明函数并传递参数。而在 ES6（ECMAScript 2015）中，我们可以通过使用函数参数默认值来为参数提供初始值。这对于函数的使用和理解大有裨益，也能提高代码的可读性和可维护性。
- 函数参数默认值的语法
ES6 中，我们可以使用等号来定义函数的参数默认值。默认值可以是任何 JavaScript 表达式，它们在被传递的时候只有在我们显式地传递 undefined 的时候才会被使用。
下面是一个函数参数默认值语法的例子：
function greet(name = 'World') {
console.log('Hello,', name);
}
greet(); // Hello, World
greet('Alice'); // Hello, Alice在上面的代码中，当我们调用 greet() 函数时，它没有传递任何参数，那么默认就使用 'World'。当我们传递参数 'Alice' 时，它就输出 'Hello, Alice'。
- 默认值的参数位置
使用参数默认值时还有一个要注意的细节：默认值参数只能够在函数的参数列表的末尾定义。例如，以下代码是不正确的：
function greet(name = 'World', greeting) {
console.log(greeting, name);
}
greet(undefined, 'Hello,'); // 这里将输出 "Hello, undefined"在上面的代码中，我们尝试为函数定义两个参数。然而，当我们尝试用 undefined 来替代第一个默认参数时，它不会生效。因此，这里调用 greet() 函数时，第一个参数为 undefined，而不是 'World'。
如果需要将默认值参数定义在后面，可以使用 arguments 对象：
function greet(greeting) {
const name = arguments[1] || 'World';
console.log(greeting, name);
}
greet('Hello,'); // 输出 "Hello, World"
greet('Hello,', 'Alice'); // 输出 "Hello, Alice"在上面的代码中，我们使用了 arguments 对象来获取第二个参数。如果它不存在，我们使用 'World' 作为默认值。
- 默认值的计算
默认值可以是任何有效的 JavaScript 表达式。这意味着我们可以在定义参数默认值时使用计算。
下面是一个例子：
-- -------------------- ---- ------- --- ----- - -- -------- ---------------- ------ - -------- - ---------------------------------- - -------------- -- -- ---- -------------- -- -- ---- ------------- ---- -- -- ----- -------------- -- -- ----
在上面的代码中，我们定义了一个计数器 count，它的默认值为 1。我们还定义了一个 logCount() 函数，该函数接受一个表示前缀的字符串和一个表示后缀的可选参数。如果我们没有显式地传递参数 count，该参数将使用计数器的默认值。每次函数调用时，如果默认值被使用，计数器的值也会相应地递增。
- 指定 undefined 来使用默认值
在 ES6 的函数参数默认值语法中，指定 undefined 来显式地使用默认值是非常有用的。因为我们可以将这个 undefined 值显式地传递给函数，而不会对函数的执行造成任何影响。
下面是一个例子：
-- -------------------- ---- ------- -------- ----------------- - ---------------- - ------------------ ----- ------- - --- -------- ----------------------- -- -- ------ --- -------------- --------------------- -- -- ------ --- -------------- -------------- -- -- ------ --- --------------
在上面的代码中，我们定义了一个函数 doSomething()，它使用默认值 'default-value'。我们还声明了一个变量 myValue，它未定义，也就是它的值为 undefined。当我们调用 doSomething()，不管是直接调用还是将 undefined 作为参数传递，函数都会使用默认值。
结论
在本文中，我们学习了 ES6 函数参数默认值的语法，并展示了它的使用和计算方式。我们还讨论了默认值参数的位置和如何显式地使用默认值。通过使用函数参数默认值，我们可以提高代码的可读性和可维护性，使我们的代码更清晰和简洁。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66fc9cb6447136260170a1e4