✨ 专栏介绍
在现代Web开发中，JavaScript已经成为了不可或缺的一部分。它不仅可以为网页增加交互性和动态性，还可以在后端开发中使用Node.js构建高效的服务器端应用程序。作为一种灵活且易学的脚本语言，JavaScript具有广泛的应用场景，并且不断发展演进。在本专栏中，我们将深入学习JavaScript语言的基本语法、DOM操作、事件处理、异步编程以及常见算法和数据结构等内容。此外，我们还将介绍ES6及其后续版本中引入的新特性，如箭头函数、模块化、解构赋值等。通过学习这些内容，你将能够成为一名熟练的JavaScript开发者，并能够应用这些知识来构建出高质量和可维护的Web应用程序。让我们一起开始JavaScript之旅吧！
引言
ES6引入了默认参数和rest参数的特性，这些特性使得函数的定义和调用更加灵活和简洁。本文将详细介绍ES6默认参数和rest参数的作用、使用方式以及使用示例，并对其在不同场景下的应用进行总结。
一、默认参数
默认参数是指在函数定义时为参数提供默认值，当调用函数时没有传入对应的参数值时，将使用默认值。默认参数的作用是简化函数调用，避免因为缺少某些参数而导致错误。
使用方式 在ES6之前，为了实现默认参数，我们通常会在函数体内手动判断并赋予默认值。而在ES6中，我们可以直接在函数定义时为参数赋予默认值。
示例代码
function greet(name = 'World') {
console.log(`Hello, ${
name}!`);
}
greet(); // 输出：Hello, World!
greet('Alice'); // 输出：Hello, Alice!
上述代码中，greet函数定义了一个名为name的默认参数，默认值为’World’。当调用greet函数时没有传入任何参数，则会使用默认值；当传入了具体的参数，则会使用传入的值。
使用示例
处理缺失或无效的输入
function calculateArea(width = 0, height = 0) {
if (width <= 0 || height <= 0) {
console.log('请输入有效的宽度和高度！');
return;
}
const area = width * height;
console.log(`矩形的面积为：${
area}`);
}
calculateArea(); // 输出：请输入有效的宽度和高度！
calculateArea(5, 10); // 输出：矩形的面积为：50
上述代码中，calculateArea函数定义了两个默认参数width和height，默认值均为0。当传入的宽度或高度小于等于0时，会输出错误提示信息；否则会计算并输出矩形的面积。
处理可选参数
function sendMessage(message, options = {
}) {
const {
recipient = 'All', priority = 'Normal' } = options;
console.log(`发送给${
recipient}的消息：${
message}，优先级：${
priority}`);
}
sendMessage('Hello'); // 输出：发送给All的消息：Hello，优先级：Normal
sendMessage('Hi', {
recipient: 'Alice', priority: 'High' }); // 输出：发送给Alice的消息：Hi，优先级：High
上述代码中，sendMessage函数定义了两个参数，其中第二个参数options是一个对象，默认值为空对象。通过解构赋值将options.recipient和options.priority赋值给对应的变量，并在输出时使用。
二、rest参数
rest参数是指在函数定义时使用三个点（…）前缀来表示可以接收任意数量的参数，并将这些参数封装成一个数组。rest参数的作用是处理不确定数量的参数，使得函数更加灵活。
使用方式 在ES6之前，为了处理不确定数量的参数，我们通常会使用arguments对象。而在ES6中，我们可以使用rest参数来替代arguments对象。
示例代码如下
function sum(...numbers) {
let total = 0;
for (let number of numbers) {
total += number;
}
return total;
}
console.log(sum(1, 2, 3)); // 输出：6
console.log(sum(4, 5, 6, 7)); // 输出：22
上述代码中，sum函数定义了一个rest参数numbers，它可以接收任意数量的参数，并将这些参数封装成一个数组。在函数体内，我们可以像操作数组一样对这些参数进行处理。
使用示例
计算平均值
function average(...numbers) {
let sum = numbers.reduce((acc, cur) => acc + cur, 0);
return sum / numbers.length;
}
console.log(average(1, 2, 3)); // 输出：2
console.log(average(4, 5, 6, 7)); // 输出：5.5
上述代码中，average函数使用rest参数接收任意数量的数字，并通过数组的reduce方法求和。最后返回平均值。
合并字符串
function concatenate(...strings) {
return strings.join('');
}
console.log(concatenate('Hello', ' ', 'World')); // 输出：Hello World
console.log(concatenate('I', ' ', 'love', ' ', 'JavaScript')); // 输出：I love JavaScript
上述代码中，concatenate函数使用rest参数接收任意数量的字符串，并通过数组的join方法将它们合并成一个字符串。
总结
ES6的默认参数和rest参数为函数的定义和调用提供了更多的灵活性和简洁性。
默认参数可以为函数的参数提供默认值，避免因为缺少某些参数而导致错误；
rest参数可以接收任意数量的参数，并将它们封装成一个数组，使得处理不确定数量的参数更加方便。
😶 写在结尾
前端设计模式专栏
设计模式是软件开发中不可或缺的一部分，它们帮助我们解决了许多常见问题，并提供了一种优雅而可靠的方式来构建应用程序。在本专栏中，我们介绍了所有的前端设计模式，包括观察者模式、单例模式、策略模式等等。通过学习这些设计模式，并将其应用于实际项目中，我们可以提高代码的可维护性、可扩展性和可重用性。希望这个专栏能够帮助你在前端开发中更好地应用设计模式，写出高质量的代码。点击订阅前端设计模式专栏
Vue专栏
Vue.js是一款流行的JavaScript框架，用于构建用户界面。它采用了MVVM（Model-View-ViewModel）的架构模式，通过数据驱动和组件化的方式，使开发者能够更轻松地构建交互性强、可复用的Web应用程序。在这个专栏中，我们将深入探讨Vue.js的核心概念、组件开发、状态管理、路由和性能优化等方面的知识。我们将学习如何使用Vue.js构建响应式的用户界面，并探索其强大的生态系统，如Vue Router和Vuex、Pinia。通过学习这些内容，你将能够成为一名熟练的Vue.js开发者，并能够应用这些知识来构建复杂而高效的Web应用程序。点击订阅Vue专栏
JavaScript（ES6）专栏
JavaScript是一种广泛应用于网页开发和后端开发的脚本语言。它具有动态性、灵活性和易学性的特点，是构建现代Web应用程序的重要工具之一。在这个专栏中，我们将深入探讨JavaScript语言的基本语法、DOM操作、事件处理、异步编程以及常见算法和数据结构等内容。此外，我们还将介绍ES6（ECMAScript 2015）及其后续版本中引入的新特性，如箭头函数、模块化、解构赋值等。通过学习这些内容，你将能够成为一名熟练的JavaScript开发者，并能够应用这些知识来构建出高质量和可维护的Web应用程序。点击订阅JavaScript（ES6）专栏
