译来看看这些有用的ECMAScript 2015（ES6）小技巧

Posted 2021-05-01 前端面试官

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了译来看看这些有用的ECMAScript 2015（ES6）小技巧相关的知识，希望对你有一定的参考价值。

来看看这些有用的ECMAScript 2015（ES6）小技巧

EcmaScript 2015（又名ES6）已经存在了几年，现在各种新功能可以以聪明的方式使用。我想列出并讨论其中的一些，因为我认为你会发现它们很有用。

如果您知道其他技巧，请在评论中告诉我，我很乐意添加它们。

1.必填参数

ES6提供了默认参数值，允许您设置一些默认值，以便在没有该参数的情况下调用该函数。

在以下示例中，我们将required（）函数设置为a和b参数的默认值。这意味着如果a或b未被传递，那么将调用required（）函数，您将得到一个错误。

【译】来看看这些有用的ECMAScript 2015（ES6）小技巧

2.强大的 reduce

Array的reduce方法非常灵活。它通常用于将项目数组转换为单个值。但你可以做更多的事情。

【2.1同时执行map和filter】

假设你有一个情况，你有一个项目列表，你想更新每个项目（即map），然后只过滤一些项目（即过滤器）。但这意味着你需要两次运行列表！

在下面的例子中，我们想要将数组中的项目的值加倍，然后只挑选那些大于50的项目。请注意，我们如何使用强大的reduce方法将double（map）和filter筛选出来？这非常有效。

【译】来看看这些有用的ECMAScript 2015（ES6）小技巧

【2.2使用“reduce”代替“map”或“filter”】

如果仔细查看上面的示例（从2.1开始），您会知道reduce可用于filter或map项目！

以上是关于译来看看这些有用的ECMAScript 2015（ES6）小技巧的主要内容，如果未能解决你的问题，请参考以下文章