不管是初学者还是资深开发者，在编写 JavaScript 代码时，都会用到函数。而随着 ECMAScript 6（ES6）的出现，JavaScript 函数的定义和使用方式也有了一些变化。
在本文中，我们将详细讲解 ES6 中函数的定义和使用，并提供一些示例代码和指导意义，帮助您更好地理解和应用 ES6 函数。
ES6 函数的定义
在 ES6 中，函数的定义方式有两种：函数声明和函数表达式。
函数声明
函数声明是指使用 function 关键字定义的函数。它的语法格式如下：
function functionName(param1, param2, ...) {
// 函数体
return // 返回值
}其中 functionName 是函数的名称，param1, param2 等是函数的参数，可以省略。函数体中包含实现逻辑，return 语句用于返回函数的执行结果。
如下所示是一个函数声明的例子。
function sayHello(name) {
return `hello, ${name}!`
}
console.log(sayHello('world')) // 输出 "hello, world!"函数表达式
函数表达式是将函数定义为一个值并赋值给一个变量。它的语法格式如下：
const functionName = function(param1, param2, ...) {
// 函数体
return // 返回值
}其中 functionName 是变量名，可以省略。函数体中包含实现逻辑，return 语句用于返回函数的执行结果。
如下所示是一个函数表达式的例子。
const sayHello = function(name) {
return `hello, ${name}!`
}
console.log(sayHello('world')) // 输出 "hello, world!"ES6 函数的使用
ES6 引入了许多新的函数使用方式，包括箭头函数、默认参数、剩余参数和展开操作符等。
箭头函数
箭头函数是函数表达式的一种简写方式，使用 => 符号定义函数。它的语法格式如下：
(param1, param2, ...) => {
// 函数体
return // 返回值
}其中 param1, param2 等是参数，可以省略，函数体中可以包含实现逻辑，return 语句用于返回函数的执行结果。
如下所示是一个箭头函数的例子。
const sayHello = name => `hello, ${name}!`
console.log(sayHello('world')) // 输出 "hello, world!"默认参数
默认参数允许在函数定义中为参数指定默认值，当参数未被传递时将使用默认值。它的语法格式如下：
function functionName(param1 = defaultValue1, param2 = defaultValue2, ...) {
// 函数体
return // 返回值
}其中 defaultValue1, defaultValue2 等是默认值，当参数未被传递时将使用默认值。
如下所示是一个默认参数的例子。
function sayHello(name = 'world') {
return `hello, ${name}!`
}
console.log(sayHello()) // 输出 "hello, world!"剩余参数
剩余参数允许将函数的参数不定个数的值收集到一个数组中。它的语法格式如下：
function functionName(param1, param2, ...rest) {
// rest 是数组，包含剩余的参数值
// 函数体
return // 返回值
}其中 rest 是一个数组，包含所有的剩余参数值。
如下所示是一个剩余参数的例子。
function sum(...args) {
return args.reduce((total, num) => total + num, 0)
}
console.log(sum(1, 2, 3, 4, 5)) // 输出 15展开操作符
展开操作符允许在函数调用或数组字面量中将数组或对象的元素展开成独立的参数。它的语法格式如下：
// 函数调用 functionName(...arr) // 数组字面量 [...arr]
其中 arr 是需要展开的数组或对象。
如下所示是一个展开操作符的例子。
function sum(a, b, c) {
return a + b + c
}
const arr = [1, 2, 3]
console.log(sum(...arr)) // 输出 6总结
本文讲解了 ES6 中函数的定义和使用方式，包括函数声明、函数表达式、箭头函数、默认参数、剩余参数和展开操作符等。这些新特性能够让我们编写更加简洁和易读的代码，在开发中发挥更大的作用。
我们建议您在实践中多多尝试这些特性，不断提高自己的编程水平。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f6fc76f6b2d6eab3f8c9f6