在前端开发中，我们经常会用到函数和闭包。在 ES6 中，函数和闭包得到了显著的改进和扩展，可以更加方便地实现业务逻辑，并且减少了代码的复杂性和重复性。本文将介绍 ES6 中的函数和闭包的新特性，并给出相应的实例。
函数
在 ES6 中，函数得到了很多新的特性，以下是最重要的特性：
箭头函数
在 ES6 中，箭头函数是一个新的函数形式，它的语法十分简洁，声明方式如下：
(param1, param2, …, paramN) => { statements }箭头函数没有自己的 this 值，它会捕获其上下文的 this 值，这样可以防止混淆和问题出现。例如：
-- -------------------- ---- -------
-- ---
--- ---- - -----
---------------------------------- ---------- -
------------------ -- ---- -- --------- --------
---
-- ---
---------------------------------- -- -- -
------------------ -- ---- ----- ------
---默认参数
ES6 中给函数增加了默认参数的支持。如果没有传递相应的参数，就会使用指定的默认值。例如：
function myFunction(x = 10, y = 20) {
console.log(x + y);
}
myFunction(); // 输出 30扩展运算符
扩展运算符用于传递参数数组，它可以将数组中的每个元素作为单独的参数传递给函数。例如：
function myFunction(x, y, z) {
console.log(x + y + z);
}
var values = [1, 2, 3];
myFunction(...values); // 输出 6Rest 参数
Rest 参数有点像扩展运算符，它把传入的所有参数都放到一个数组中。例如：
function myFunction(...args) {
console.log(args.length);
}
myFunction(); // 输出 0
myFunction(1); // 输出 1
myFunction(1, 2, 3); // 输出 3闭包
在 ES6 中，闭包得到了更加方便的实现和使用。闭包是指函数可以在其定义的作用域之外被调用，并且还可以访问该作用域的变量。以下是使用闭包实现的一个实例：
-- -------------------- ---- -------
-------- --------- -
--- ----- - --
------ -
---------- ---------- -
--------
-------------------
-
--
-
--- - - ----------
-------------- -- -- -
-------------- -- -- -在这个例子中，我们定义了计数器函数。它返回了一个对象，该对象包含一个 increment 函数。这个函数访问了 count 变量，这个变量是一个私有变量，因此它不会被外部的代码所访问到。这个计数器的状态是被保留的，因为 count 是在闭包中定义的。
结论
ES6 中的函数和闭包提供了很多新的特性和功能，它们可以简化代码实现和提高性能。这些新特性包括箭头函数、默认参数、扩展运算符和 Rest 参数。同时，ES6 还支持更方便的闭包实现，这有助于创建更复杂的应用程序。希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66fbb8394471362601611355