npm 包 lodash.partial 使用教程

简介

lodash.partial 是一个 JavaScript 工具库 Lodash 中的一个函数，它可以帮助我们创建一个新的函数，该函数是原函数的一个部分应用程序。使用 lodash.partial 可以使代码更简洁、易读和可维护。

安装

在使用 lodash.partial 之前，我们需要先安装它。使用 npm 安装命令：

npm install lodash.partial

基本用法

partial 的作用

假设我们有一个函数 add(a, b)，它将两个数字相加并返回它们的和。现在，我们想要创建一个新的函数 add5(b)，该函数将 5 添加到给定的数字并返回结果。使用传统的 JavaScript 函数调用方式，我们可以这样实现：

function add(a, b) {
  return a + b;
}
function add5(b) {
  return add(5, b);
}
console.log(add5(3)); // 输出：8

使用 lodash.partial，我们可以将上面的代码改写为如下更简洁的形式：

const partial = require('lodash.partial');
function add(a, b) {
  return a + b;
}
const add5 = partial(add, 5);
console.log(add5(3)); // 输出：8

partial 使用方式

lodash.partial 接受两个参数，第一个参数是要部分应用的函数，第二个参数是要应用的参数（可以是一个或多个参数）。

const partial = require('lodash.partial');
function foo(a, b, c) {
  console.log(`${a} ${b} ${c}`);
}
const bar = partial(foo, 'hello', _, 'world');
bar('goodbye'); // 输出：hello goodbye world

上面的代码中，我们创建了一个新的函数 bar，该函数部分应用了函数 foo 的第一个和第三个参数。使用 _ 占位符来标记要留空的参数，然后在调用 bar 函数时传入实际的值来填充占位符。

深入理解 partial

精简函数参数

使用 lodash.partial 可以将一个高阶函数转换为一个更简洁的函数。例如，假设我们有一个高阶函数 filterByProp(propName, propValue)，它接受一个属性名和一个属性值，并返回一个函数，该函数接受一个对象作为参数并返回一个布尔值，表示该对象的 propName 属性是否等于 propValue。我们可以通过以下方式将其转换为一个更简洁的函数：

-- -------------------- ---- -------
----- ------- - --------------------------
-------- ---------------------- ---------- -
  ------ -------- ----- -
    ------ ------------- --- ----------
  --
-
----- ------------ - --------------------- --------
----- ----------- - --------------------- -------
-------------------------- ----- -------- ---- -- ---- -- -------
------------------------- ----- ------ ---- -- ---- -- --------

上面的代码中，我们创建了两个新的函数 filterByName 和 filterByAge，它们分别部分应用了 filterByProp 函数的第一个参数。使用 filterByName 和 filterByAge 函数可以轻松过滤出具有特定名称或年龄的对象。

组合函数

使用 lodash.partial 还可以将多个函数组合成一个新的函数。例如，假设我们有两个函数 add(a, b) 和 mul(a, b)，它们分别执行加法和乘法操作。现在，我们想要创建一个新的函数 addAndMul(a, b, c)，该函数将三个数字相加并将其与另一个数字相乘。我们可以通过组合 add 和 mul 函数来实现：

const partial = require('lodash.partial');
function add

> 来源：[JavaScript中文网](https://www.javascriptcn.com/post/56576) ，转载请注明来源
[https://www.javascriptcn.com/post/56576](https://www.javascriptcn.com/post/56576)