随着 JavaScript 的发展，ES6 成为了前端开发中的重要标准。其中，函数定义与调用技巧是 ES6 中的重要内容。本文将详细介绍 ES6 中函数定义与调用的技巧，帮助读者更好地掌握 JavaScript。
函数定义
ES6 中的函数定义有多种方式，分别是箭头函数、默认参数、剩余参数和展开运算符。
箭头函数
箭头函数是 ES6 中的新特性，它可以简化函数的定义方式。箭头函数的语法如下：
(param1, param2, …, paramN) => { statements }其中，param1, param2, …, paramN 是函数的参数，statements 是函数的执行语句。箭头函数的返回值即为 statements 的返回值。
例如，下面是一个简单的箭头函数：
const sum = (a, b) => a + b; console.log(sum(1, 2)); // 3
默认参数
ES6 中的默认参数可以让函数的参数具有默认值，这样调用函数时就不需要再传递该参数了。默认参数的语法如下：
function func(param1 = defaultValue1, param2 = defaultValue2, …, paramN = defaultValueN) {
// function body
}例如，下面是一个使用默认参数的函数：
function greet(name = 'world') {
console.log(`Hello, ${name}!`);
}
greet(); // Hello, world!
greet('Alice'); // Hello, Alice!剩余参数
ES6 中的剩余参数可以让函数接收不定数量的参数。剩余参数的语法如下：
function func(param1, param2, …rest) {
// function body
}其中，rest 是一个数组，包含了所有剩余的参数。
例如，下面是一个使用剩余参数的函数：
function sum(...nums) {
return nums.reduce((total, num) => total + num, 0);
}
console.log(sum(1, 2, 3)); // 6
console.log(sum(1, 2, 3, 4, 5)); // 15展开运算符
ES6 中的展开运算符可以将数组或对象展开成单独的元素。展开运算符的语法如下：
function func(param1, param2, …rest) {
// function body
}
const arr = [1, 2, 3];
func(...arr);其中，...arr 表示将数组展开成单独的元素。
例如，下面是一个使用展开运算符的函数：
function greet(name, age) {
console.log(`Hello, ${name}! You are ${age} years old.`);
}
const person = ['Alice', 30];
greet(...person); // Hello, Alice! You are 30 years old.函数调用
ES6 中的函数调用有多种方式，分别是 call、apply、bind 和 Promise。
call
call 方法可以在指定的作用域内调用函数，并且可以指定 this 的值。call 的语法如下：
func.call(thisArg, arg1, arg2, …)
其中，thisArg 是函数执行时的 this 值，arg1, arg2, … 是函数的参数。
例如，下面是一个使用 call 的例子：
function greet() {
console.log(`Hello, ${this.name}!`);
}
const person = { name: 'Alice' };
greet.call(person); // Hello, Alice!apply
apply 方法与 call 方法类似，不同之处在于 apply 的参数是一个数组。apply 的语法如下：
func.apply(thisArg, [arg1, arg2, …])
例如，下面是一个使用 apply 的例子：
function greet(name, age) {
console.log(`Hello, ${name}! You are ${age} years old.`);
}
const person = ['Alice', 30];
greet.apply(null, person); // Hello, Alice! You are 30 years old.bind
bind 方法可以创建一个新的函数，并且指定 this 的值。bind 的语法如下：
const newFunc = func.bind(thisArg, arg1, arg2, …)
其中，newFunc 是新创建的函数，thisArg 是函数执行时的 this 值，arg1, arg2, … 是函数的参数。
例如，下面是一个使用 bind 的例子：
function greet() {
console.log(`Hello, ${this.name}!`);
}
const person = { name: 'Alice' };
const greetPerson = greet.bind(person);
greetPerson(); // Hello, Alice!Promise
Promise 是 ES6 中的异步编程模型，它可以让我们更好地处理异步操作。Promise 的语法如下：
const promise = new Promise((resolve, reject) => {
// promise body
});
promise.then(onFulfilled, onRejected);其中，resolve 和 reject 是 Promise 的两个状态，onFulfilled 和 onRejected 是 Promise 的两个回调函数。
例如，下面是一个使用 Promise 的例子：
-- -------------------- ---- -------
-------- --------- -
------ --- ----------------- ------- -- -
------------- -- -
------------- ------ ----------------
-- ------
---
-
--------------------- -- -
------------------
---总结
本文介绍了 ES6 中的函数定义与调用技巧，包括箭头函数、默认参数、剩余参数、展开运算符、call、apply、bind 和 Promise。这些技巧可以让我们更好地掌握 JavaScript，提高开发效率。希望读者能够通过本文的学习，更好地使用 ES6 中的函数定义与调用技巧。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65e19c281886fbafa4e92ee3