ES6 的新增特性 default 参数和解构赋值给编写函数带来了极大的便利，让我们更加灵活的编写函数，增强了代码的可读性和可维护性。接下来，我们将详细介绍这两个特性，并通过实例代码展示如何正确使用它们。
default 参数
在 ES6 中，我们可以在函数定义的时候给参数设置默认值，这个默认值就是 default 参数。举个例子，我们定义一个简单的函数：
function printName(name) { console.log(`Hello, ${name}!`); }
这个函数接受一个参数 name，用于打印“Hello, name!” 的消息。现在，我们希望当调用这个函数没有传递参数时，name 取默认值“World”。那么，我们可以通过 default 参数轻松实现：
function printName(name = 'World') { console.log(`Hello, ${name}!`); }
这样一来，当我们调用 printName() 时，输出的消息就是“Hello, World!”。
需要注意的是，如果函数的参数中设置了默认值，那么这个参数就不是必需的了。也就是说，我们可以这样调用函数：
printName(); // Hello, World! printName('JavaScript'); // Hello, JavaScript!
解构赋值
解构赋值是 ES6 中另一个强大的特性。它可以让我们轻松、优雅地从对象或数组中取出需要的值，而不用一个一个设置变量。我们用一个简单的例子来展示这个特性。假设我们有一组数据：
const data = { name: 'Tom', age: 24, sex: 'male' }
现在，我们需要在一个函数中使用到这三个属性。传统的写法可能是这样的：
function printData(data) { const name = data.name; const age = data.age; const sex = data.sex; console.log(`Hi, my name is ${name}, I'm ${age} years old and ${sex}.`); }
这种写法显得繁琐，而且需要多次写出属性名。有了解构赋值，我们可以优雅地解决这个问题：
function printData({name, age, sex}) { console.log(`Hi, my name is ${name}, I'm ${age} years old and ${sex}.`); }
这样一来，我们直接从 data 对象中提取出需要的属性，并将它们作为参数传递给函数。
需要注意的是，解构赋值还可以用在函数的返回值中。看下面的例子：
-- -------------------- ---- ------- -------- ----------------- - -- -- ---- ------ - ----- -------- ---- --- ---- ------ - - ----- ------ ---- ---- - ------------------展开代码
这样就可以直接将 processData 函数返回的对象解构出来了。
利用 default 参数和解构赋值写更灵活的函数
我们已经介绍了 default 参数和解构赋值各自的用法，那么它们如何结合起来写更灵活的函数呢？
假设我们有一个函数，用于获取用户的购买记录：
function getPurchaseRecord(userId, page, count) { // 获取 userId 对应用户的购买记录 // 返回购买记录数据 }
传统的写法，我们需要传递三个参数：userId、page 和 count。而如果用户没有传递 page 或 count 参数，我们就需要手动判断并给它们设置默认值。这种写法还是比较繁琐的，我们可以借助 default 参数的特性来实现更简洁的代码。
function getPurchaseRecord(userId, {page = 1, count = 10} = {}) { // 获取 userId 对应用户的购买记录 // 返回购买记录数据 }
这样一来，我们只需要传递一个参数 userId，其他参数通过解构赋值和 default 参数自动设置了默认值。如果用户传递了 page 或 count，那么默认值就会被覆盖。
需要注意的是，在这个例子中，我们将 default 参数和解构赋值结合使用。通过这种方式，我们可以轻松自定义函数的默认行为，也可以更加灵活地调用函数。
总结：
本文全面介绍了 ES6 的两个特性 default 参数和解构赋值，通过实例展示了它们的使用方法及在函数中的应用，并指出了需要注意的细节，希望对你有所帮助。使用 ES6 的这两个特性能够让我们更优雅地编写代码，提高代码的可读性和可维护性，建议广大前端开发者认真学习并运用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e46a50f6b2d6eab3fd79bf
