一文搞懂JS系列（四）之闭包应用-柯里化，偏函数

写在最前面：这是我即将开始写的一个系列，主要是在框架横行的时代，虽然上班用的是框架，但是对于面试，以及技术进阶，JS基础知识的铺垫是锦上添花，也是不得不学习的一块知识，虽然开汽车的不需要很懂汽车，只需要掌握汽车的常用功能即可。但是如果你懂汽车，那你也能更好地开车，同理。当然，一篇文章也不会光光只讲一个知识点，一般会将有关联的知识点串联起来，一边记录自己的学习，一边分享自己的学习，互勉！如果可以的话，也请给我点个赞，你的点赞也能让我更加努力地更新！

概览

• 食用时间： 4-9分钟
• 难度： 简单，别跑，看完再走

柯里化

• 定义

将接受 n 个参数的 1 个函数改为只接受一个参数的 n 个互相嵌套的函数，这么说是不是有点拗口，说白了就是本来三个参数，改为嵌套三层，每次只传一个参数，还是先来看下下面的例子吧

• 实现方式

这是一个返回省市区的普通函数，接受省，市，区三个参数

function getAddress(province,city,area){
  return province + city + area;
}

getAddress('浙江省','杭州市','西湖区');     //浙江省杭州市西湖区

现在，我们根据上面的柯里化定义，对它进行改造，成品如下：

function getAddress(province){
 return function (city) {
   return function (area) {
     return province + city + area;
   }
 }
}

getAddress('浙江省','杭州市','西湖区');    //浙江省杭州市西湖区

上面的方式已经完成了柯里化的改造，正如上面所说的，改造成了只接受一个参数的 n 个互相嵌套的函数

• 意义

当然，学会了改造只是一部分，最主要要理解一下为什么要这样子改造，比方说我是专门负责杭州市的城区划分的，那么，我们按照前面的第一种方式，在新建城区划分的时候，代码应该是这样子的。

getAddress('浙江省','杭州市','西湖区');     //浙江省杭州市西湖区
getAddress('浙江省','杭州市','拱墅区');     //浙江省杭州市拱墅区
getAddress('浙江省','杭州市','上城区');     //浙江省杭州市上城区

可以看到，明明浙江省杭州市是固定的，我们每次都要传入三种参数，而且，前面两个参数还是可以随意修改的，我明明只需要管我杭州的事情就可以了，那么，我们进行柯里化改造以后，就可以使用下面的这种方式来进行定义

let city = getAddress('浙江省')('杭州市');
city('西湖区');     //浙江省杭州市西湖区
city('拱墅区');     //浙江省杭州市拱墅区
city('上城区');     //浙江省杭州市上城区

可以看到，根据 city() 来创建的城区，会自动带上 '浙江省杭州市' ，而且，无权限操作省市也不需要操作省市，这就是柯里化的魅力

偏函数

• 定义

相信大家经过上面的讲解已经大致理解了柯里化，那么，偏函数就可以很好理解了，它其实就是 "随意" 的柯里化，比方说是有10个参数的函数，进行柯里化改造以后，就是一个嵌套10层的每次只传入1个参数的函数，而偏函数改造以后，你可以只固定3个入参，然后返回一个需要7个入参的函数，偏函数并不像柯里化那样，十分强调单入参的概念，它的目标仅仅是把入参分解为两个部分，比起柯里化,它更加地随意一些。

• 实现方式

  还是上面的例子，现在我们对它来进行偏函数改造，实现的项目需要仍然是一样地，我只需要管我杭州的城区划分即可。因为只需要对城区负责，所以，对于省市两个入参可以固定，那么就是一开始两个固定入参，最后再返回一个需要一个入参的函数。可以看到，偏函数相对于柯里化也不光"随意"，更有点根据实际场景，将必要的关联入参固定在一起，更加地和实际使用场景贴合。

  function getAddress(province,city){
    return function (area) {
      console.log(province + city + area);
    }
  }
  

  可以看到，在进行了改造以后，我们将它变成了第一次传入2个参数，第二次传入1个参数，可以看到，我们并没有刻意地进行单入参的改造，这就是偏函数

  现在，我们再来继续创建城区划分

  let city = getAddress('浙江省','杭州市');
  city('西湖区');     //浙江省杭州市西湖区
  city('拱墅区');     //浙江省杭州市拱墅区
  city('上城区');     //浙江省杭州市上城区
  

  可以看到，柯里化和偏函数的动机都是为了让函数"记住"一部分的参数，通过封装的方式，更好地为实际的使用场景服务，而封装的方式，用的都是闭包,如果你还不懂什么是闭包，可以参考我的这一篇博客 一文搞懂JS系列（三）之垃圾回收机制，内存泄漏，闭包

上面的两个呢，都是通过闭包实现对传入参数的封装，也算是两个面试中偶尔能碰到的概念。在下一篇幅中将讲一讲另外两个闭包的应用，防抖和节流

系列目录

• 一文搞懂JS系列（一）之编译原理，作用域，作用域链，变量提升，暂时性死区

• 一文搞懂JS系列（二）之JS内存生命周期，栈内存与堆内存，深浅拷贝

• 一文搞懂JS系列（三）之垃圾回收机制，内存泄漏，闭包

• 一文搞懂JS系列（四）之闭包应用-柯里化，偏函数

• 一文搞懂JS系列（五）之闭包应用-防抖，节流

• 一文搞懂JS系列（六）之微任务与宏任务，Event Loop

• 一文搞懂JS系列（七）之构造函数，new，实例对象，原型，原型链，ES6中的类