JS如何实现XDM(JS,XDM,开发技术)

我们经常会写出这样的代码：

ajax 函数有三个入参，在 getPerson 函数里调用，其中 url 已确定，data 和 cb 两个参数则等待传入。（因为很多时候参数都不是在当前能确定的，需要等待其它函数的操作后确定了再继续传入）

但是我们的原则是：入参最理想的情况下只需一个！

怎样优化，可以实现这一点呢？

我们或许可以在外层再套一个函数来进一步确定传参，比如：

这样，data 参数也已经确定，cb 参数仍等待传入；函数 getCurrentUser 就只有一个入参了！

数据的传递路线是：

这样函数参数个数逐渐减少的过程就是偏应用。

也可以说：getCurrentUser(cb) 是 getOrder(data,cb) 的偏函数，getOrder(data,cb) 是 ajax(url,data,cb) 函数的偏函数。

设想下：

如果一个函数是这样的：

我们难道还要像上面那样手动指定外层函数进行逐层嵌套吗？

显示我们不会这么做！

我们只需要封装一个 partial(..) 函数：

它的基础逻辑是：

把函数作为入参！还记得我们之前所说：

一个函数如果可以接受或返回一个甚至多个函数，它被叫做高阶函数。

我们借用 partial() 来实现上述举例：

以下函数内部分析非常重要：

getPerson() 的内部运行机制是：

getCurrentUser() 的内部运行机制是：

数据进行了传递：

我们通过这样一层额外的函数包装层，实现了更加强大的数据传递，

我们将需要减少参数输入的函数传入 partial()中作为第一个参数，剩下的是 presetArgs，当前已知几个，就可以写几个。还有不确定的入参 laterArgs，可以在确定后继续追加。

像这样进行额外的高阶函数包装层，是函数式编程的精髓所在！

“随着本系列的继续深入，我们将会把许多函数互相包装起来。记住，这就是函数式编程！” —— 《JavaScript 轻量级函数式编程》

实际上，实现 getCurrentUser() 还可以这样写：

但是版本 1 因为重用了已经定义好的函数，所以它在表达上更清晰一些。它被认为更加贴合函数式编程精神！

我们再看看 partial() 函数还可它用：

比如：将数组 [1,2,3,4,5] 每项都加 3，通常我们会这么做：

借助 partial()：

add(..) 不能直接传入 map(..) 函数里，通过偏应用进行处理后则能传入；

实际上，partial() 函数还可以有很多变体：

回想我们之前调用 Ajax 函数的方式：ajax( url, data, cb )。如果要偏应用 cb 而稍后再指定 data 和 url 参数，我们应该怎么做呢？

函数柯里化实际上是一种特殊的偏函数。

我们用 curry(..) 函数来实现此前的 ajax(..) 例子，它会是这样的：

柯里化函数：接收单一实参（实参个数：1）并返回另一个接收下一个实参的函数。

它将一个函数从可调用的 f(a, b, c) 转换为可调用的 f(a)(b)(c)。

实现：