概念

将接收多个参数的函数变成一系列接收单个参数的函数。

作用

  • 参数复用
  • 延迟执行

应用场景

计算打折的商品价格 -> 参数复用

  1. //普通写法
  2. const getPrice(discount, originPrice) => discount * originPrice;
  4. //柯尔化
  5. const getPriceCurry(discount) =>  (originPrice) => discount * originPrice;
  7. //计算牛奶和苹果价格
  8. //牛奶 折扣8折 原价4块 || 苹果 折扣8折 原价6块
  10. //普通
  11. milkPrice = getPrice(0.8, 4)
  12. applePrice = getPrice(0.8, 6)
  14. //柯尔化
  15. const discountHandle = getPriceCurry(0.8)
  16. milkPrice = discountHandle(4)
  17. applePrice = discountHandle(6)

封装兼容浏览器绑定函数 -> 参数复用

  1. //普通
  2. const on = function (element, event, handler) {
  3.     if (document.addEventListener) {
  4.         element.addEventListener(event, handler, false);
  5.     } else {
  6.         element.attachEvent('on' + event, handler);
  7.     }
  8. }
  11. //柯尔化
  12. const onCurry = (function () {
  13.     if (document.addEventListener) {
  14.         return function(element, event, handler) {
  15.            element.addEventListener(event, handler, false);
  16.         };
  17.     } else {
  18.         return function(element, event, handler) {
  19.            element.attachEvent('on' + event, handler);
  20.         };
  21.     }
  22. })();