柯里化函数

最新推荐文章于 2024-11-13 15:29:17 发布

小琪大琦

最新推荐文章于 2024-11-13 15:29:17 发布

阅读量126

点赞数

文章标签： javascript 前端 es6

本文链接：https://blog.csdn.net/m0_56783500/article/details/121061220

版权

剩余参数实现——柯里化函数

需求： 调用cal()函数时，前两个参数保持不变，剩余参数可以改变，因此将前面参数抽离出来，减少运算次数。
curry 柯里化函数： 用于固定某个函数的前面的参数，得到一个新的函数，新的函数调用时，接收剩余的参数。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      function cal(a, b, c, d) {
        return a + b * c - d;
      }
      // console.log(cal(1, 2, 3, 4));
      // console.log(cal(1, 2, 4, 5));
      // console.log(cal(1, 2, 5, 6));
      // console.log(cal(1, 2, 6, 7));

      // 上面由于调用函数时，实参前两个重复，因此，定义一个柯里化函数，只传后面不同的参数
      // curry 柯里化函数：用于固定某个函数的前面的参数，得到一个新的函数，新的函数调用时，接收剩余的参数
      // func 是原来的函数，args是原来函数func()的前面的参数
      function curry(func, ...args) {
        // 返回一个新的函数如：newCal()
        return function (...subArgs) {
          const allArgs = [...args, ...subArgs];
          // 参数够了
          if (allArgs.length >= func.length) {
            return func(...allArgs); //返回func(...allArgs)原来函数的执行结果
          } else {
            // 参数不够，继续固定，curry()就是固定参数的函数，再次调用
            return curry(func, ...allArgs);
          }
        };
      }
      // 参数够了
      const newCal = curry(cal, 1, 2); // curry函数返回一个新函数newCal()，newCal()函数只需传变化的参数即可
      console.log(newCal(3, 4)); // 1+2*3-4    3
      console.log(newCal(4, 5)); // 1+2*4-5    4
      console.log(newCal(5, 6)); // 1+2*5-6    5
      console.log(newCal(6, 7)); // 1+2*6-7    6

      // 参数不够
      const newCal2 = newCal(8); // 参数不够，又重新返回一个新函数newCal2()      7
      console.log(newCal2(9)); // 1+2*8-9                                     8
    </script>
  </body>
</html>