npm 包 partial-application.macro 使用教程-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，我们常常需要对一个函数进行多次调用，每次都要传入相同的参数，这个时候就可以使用函数柯里化（Currying），又叫做部分求值（Partial Evaluation）。柯里化是一种"预加载"函数的方法，通过传递较少的参数，得到一个已经记住了这些参数的新函数，某种意义上讲，这是一种对参数的“缓存”，是一种高阶函数的应用，可以简化代码实现，提高代码质量。本文将简介一种 npm 包 partial-application.macro，介绍其使用方法以及应用场景。

partial-application.macro 是什么

在 JavaScript 中，我们通常使用箭头函数、bind 方法或 lodash 库的 curry 方法实现函数柯里化，然而这些方法要么不方便，要么可能会导致运行效率低下。而 partial-application.macro 是一款基于 babel 插件实现的优秀的函数柯里化工具，使用起来简单高效。

partial-application.macro 的主要功能有两个：

实现函数柯里化
支持临时参数占位符的使用

例如，使用 partial-application.macro 可以将以下代码：

const add = (a, b) => a + b;
const curriedAdd = (a) => (b) => add(a, b);
console.log(curriedAdd(5)(3)); //输出 8

简化为以下代码：

import p from 'partial-application.macro';
const add = (a, b) => a + b;
const curriedAdd = p(add);
console.log(curriedAdd(5)(3)); //输出 8

可以看出，partial-application.macro 扩展了原有的语法，实现了更简单，更具可读性的代码。

使用 partial-application.macro

partial-application.macro 的使用方法如下：

安装 partial-application.macro

使用 npm 或 yarn 安装 partial-application.macro：

npm install -D partial-application.macro
或者
yarn add --dev partial-application.macro

配置 babel

在 babel 配置文件中（.babelrc, babel.config.js）启用 partial-application.macro：

{
    "plugins": ["partial-application.macro"]
}

使用 partial-application.macro

partial-application.macro 支持柯里化和占位符两种使用方式。

柯里化

partial-application.macro 所提供的柯里化方法非常简单，只需要使用 p 函数即可：

import p from 'partial-application.macro';

const add = (a, b) => a + b;
const curriedAdd = p(add);
console.log(curriedAdd(5)(3)); //输出 8

这里的 p 函数就是 partial-application.macro。

partial-application.macro 还允许你使用 ES6 的 spread 操作符：

import p from 'partial-application.macro';

const add = (a, b, c) => a + b + c;
const curriedAdd = p(add);
console.log(curriedAdd(5, ...)[, 3]); //输出 8

这里的 ... 就是占位符，用来临时代替一个参数。在函数柯里化中，占位符是必不可少的，下面我们来详细讲解占位符的使用。

占位符

partial-application.macro 支持使用临时参数占位符。柯里化中的参数占位符用来标识在填充参数时某些位置应保持空缺，等待稍后提供的值。使用占位符的语法如下：

import p from 'partial-application.macro';

const add = (a, b, c) => a + b + c;
const curriedAdd = p(add);

curriedAdd(2, _ , 5)(3); // 输出 10
curriedAdd(_ , 2, 5)(3); // 输出 10

临时参数占位符为 _。使用占位符的时候需要注意以下几点：

临时参数占位符必须放在调用部分，而不是在函数定义时
临时参数占位符必须单独使用，并且只能在柯里化中使用

占位符可以用来给函数添加默认参数：

import p from 'partial-application.macro';

const add = (a, b, c = 1) => a + b + c;
const curriedAdd = p(add);

curriedAdd(2, _ , 5)(3); // 输出 10
curriedAdd(2)(3); // 输出 6

当你只传递第一个参数时，它将被用作第一个参数；当你传递多个参数时，占位符会填充它们的位置，例如：

import p from 'partial-application.macro';

const add = (a, b, c) => a + b + c;
const curriedAdd = p(add);

curriedAdd(_, _, 5)(2, 3); // 输出 10
curriedAdd(_, 3, _)(2, 5); // 输出 10
curriedAdd(2, _, 5)(3); // 输出 10

总结

partial-application.macro 是一个非常实用的函数柯里化工具，它可以使代码更加简单易读，提高开发效率，用占位符丰富了柯里化的灵活性。如果你的项目需要对函数进行柯里化处理，那么使用 partial-application.macro 就是你的不二之选。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/6005681481e8991b448e4362