在 ES6 中，我们可以在花括号内定义一个函数，并为它传入一些参数。这种写法被称为“解构函数参数”（destructuring function parameters），它可以方便地将对象或数组作为参数传递给函数。
对象解构
如果我们要传递一个对象作为函数参数，可以按照以下方式进行解构：
function foo({ x, y }) {
console.log(x, y);
}
foo({ x: 1, y: 2 }); // 输出：1 2上面的代码中，我们定义了一个名为 foo 的函数，它期望传入一个对象参数，并从该参数中解构出 x 和 y 属性，然后打印它们的值。
我们可以看到，在调用 foo 函数时，我们使用了一个包含 x 和 y 属性的对象作为参数，并将其放置在花括号内。这样做会告诉 JavaScript 引擎对该对象进行解构，并将解构得到的属性值传入函数内部。
此外，我们还可以为解构出来的属性指定默认值，例如：
function foo({ x = 0, y = 0 } = {}) {
console.log(x, y);
}
foo(); // 输出：0 0上面的代码中，我们在函数参数中使用了解构和默认值语法。如果没有传入任何参数，则默认情况下会将一个空对象作为参数进行解构。
数组解构
除了对象，我们也可以使用数组作为函数参数，并从中解构出值：
function bar([x, y]) {
console.log(x, y);
}
bar([1, 2]); // 输出：1 2上面的代码中，我们定义了一个名为 bar 的函数，它期望传入一个数组参数，并从该参数中解构出第一个和第二个元素，然后打印它们的值。
与对象解构类似，我们也可以在数组解构中指定默认值：
function bar([x = 0, y = 0] = []) {
console.log(x, y);
}
bar(); // 输出：0 0指导意义
使用解构函数参数的好处在于可以让函数接受更灵活的参数类型。这种写法尤其适用于处理复杂的数据结构，例如嵌套的对象或数组。
此外，在开发实际项目时，我们还可以将解构函数参数与其他 ES6 特性一起使用，例如箭头函数、模板字符串等，以提高代码的可读性和维护性。
最后，需要注意的是，虽然解构函数参数可以方便地对函数传入的对象或数组进行解构，但过度使用它可能会使代码变得难以理解。因此，在使用之前，我们应该仔细考虑是否真正需要它。
结论
通过本文，我们了解了在 ES6 中使用花括号内的函数参数列表进行解构的方法，并介绍了如何在对象和数组解构中指定默认值。这种写法可以使函数接受更灵活的参数类型，并提高代码的可读性和维护性。然而，在使用时需要谨慎考虑，以确保代码的可读性和易于理解。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26714