在现代的 JavaScript 开发中，大多数开发者写过的函数都是一些小型的、通用的、甚至是无副作用的函数。这种情况下，函数式编程的思想能够提升你的代码质量和可读性。但是，JavaScript 的灵活性也会带来一些问题，例如：箭头函数和函数表达式。
更好的解决方案是使用 fewer-lambdas 这个 npm 包。是的，它的名字很搞笑，但它真的能够让你减少函数表达式和箭头函数的使用。
在这篇文章中，我们将学习如何使用 fewer-lambdas 来简化你的 JavaScript 函数。我们将讨论一些有用的示例，如何使用 fewer-lambdas 进行功能组合，以及如何使用它来减少重复性代码。
安装和引用
要使用 fewer-lambdas，我们首先需要安装它。可以使用以下命令来安装：
npm install fewer-lambdas
然后，我们可以使用 require('fewer-lambdas') 来引用它。例如：
const { _, _2 } = require('fewer-lambdas');该代码在当前的作用域中引入了两个名称为 "_" 和 "_2" 的变量，它们是 fewer-lambdas 的最重要的两个部分。"2" 表示函数的二元素版本，而 "" 表示函数的一元素版本。
简单示例
让我们看一个简单的示例，使用 fewer-lambdas 来重写一个简单的滤波函数：
const arr = [1, 2, 3, 4, 5]; const isEven = x => x % 2 === 0; const filtered = arr.filter(isEven);
通过 fewer-lambdas，我们可以重写成下面的方式：
const arr = [1, 2, 3, 4, 5]; const filtered = arr.filter(_ % 2 === 0);
这是如何工作的？在这种情况下，我们使用 "" 来表示 filter 函数的回调函数。因此，我们可以直接在上下文中使用 ""，而不是定义完整的回调函数。
这个示例很简单，但它演示了 fewer-lambdas 的强大之处。在下一个示例中，我们将看到更多的用例。
组合函数-使用 fewer-lambdas 简化代码
有时，将一个或多个函数组合起来可能是很有用的。使用 fewer-lambdas，我们可以将一个复杂的函数作为一个简单的函数的组合来实现，以避免意外的副作用。
例如，考虑一个处理 URL 的简单函数：
-- -------------------- ---- -------
----- --- - -----------------------------------
----- ----- - ------------------------------------- -- -
----- ----- - ------------------
------ -
---- -------------- -------
------ ------------------------------------ - ---
--
---尽管这个函数不是太大，但它的代码行数仍然很长。使用 fewer-lambdas，我们可以将其重写为以下形式：
const url = 'https://example.com/?a=1&b=2&c=3';
const parseQuery = _2.split('&').map(_2.split('=')).map(_2.map(decodeURIComponent)).map(([key, value]) => ({key, value}));
const query = parseQuery(url.split('?')[1]);这个函数实际上使用了三个不同的 fewer-lambdas 函数：_2、map 和解构。我们向 fewer-lambdas 中提供一个函数或函数组成的链，然后将输入传递到该链的开头。因此，"_2" 是接受两个输入的函数，它执行分割，"_2.map" 是接受一个函数作为输入的函数，它执行映射，等等。
这样做的好处是我们可以在将来重复使用这些函数而不必写冗长的代码。更重要的是，我们可以使用这种方式来构建组合函数，从而更好地管理函数和减少代码复杂性。
减少重复性代码
少量重复代码可能是无法避免的，但我们可以尽量减少它。使用 fewer-lambdas，我们可以避免在代码中出现冗长或重复的函数结构。
例如，考虑以下代码，其中重复了一个类似的对象遍历操作：
-- -------------------- ---- -------
----- ----- - -
- --- -- ----- -------- ---- -- --
- --- -- ----- ------ ---- -- --
- --- -- ----- ---------- ---- -- --
--
----- --------- - -------------------- ----- -- -
-- --------- - --- -
----------------------
-
------ ------
-- ----
----- -------- - ------------------- ----- -- -
-- --------- - --- -
--------------------
-
------ -----
-- ----这段代码并不是很糟糕，但是我们可以使用 fewer-lambdas 函数来避免重复的结构和代码。以下是重写后的代码：
-- -------------------- ---- ------- ----- ----- - - - --- -- ----- -------- ---- -- -- - --- -- ----- ------ ---- -- -- - --- -- ----- ---------- ---- -- -- -- ----- ------- - ------ - --- ----- ---------------- - ------------------- ----- ----------- - -------- ----- ---------- - ------- ----- --------- - ------------------------------------------ ----- -------- - -----------------------------------------
这个重写后的代码实际上只有一点额外的代码量，但它可以避免问题中的重复结构。我们定义了一个少量的函数，然后多次使用它们来执行处理过程。
总结
在这篇文章中，我们讨论了如何使用 fewer-lambdas 来简化和优化 JavaScript 函数。我们介绍了引用和安装 fewer-lambdas 的方法，并展示了带有和不带有 fewer-lambdas 的代码之间的区别。最后，我们还探讨了如何使用 fewer-lambdas 来优化函数组合和减少重复的代码。
使用 fewer-lambdas，你可以优化你的 JavaScript 代码，使代码更易于管理和重用。除了少量的代码额外之外，fewer-lambdas 还可以带来更易于维护的代码。建议开发者在写函数的时候深入了解 fewer-lambdas，它可能会成为你解决代码灵活性问题的有效辅助工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005530f81e8991b448d06c1