js 深入原理讲解系列-currying function 能看懂这一题你就掌握了 js 科里函数的核心原理 科里函数 / currying function 高阶函数 科里化 原型链 闭包 closure



js 深入原理讲解系列-currying function

能看懂这一题你就掌握了 js 科里函数的核心原理

不要专业的术语，说人话，讲明白！

Q: 实现 sum 函数使得以下表达式的值正确

const log = console.log;

const sum = ???;

sum(1, 2, 3).sumOf(); //6
sum(2, 3)(2).sumOf(); //7
sum(1)(2)(3)(4).sumOf(); //10
sum(2)(4, 1)(2).sumOf(); //9


A: 原型链

// bug ❌
function sum(...args) {
   let len = sum.length;
   // let args = arguments;
   return function curry (args) {
      if(args.length <= len) {
          return sum.apply(sum, ...args)
      } else {
          return function (...args2) {
              curry.apply(sum, args.concat(...args2))
          }
      }
      this.sumOf = function() {
        return this.curry();
      } 
   }
}
// OK ✅
const sum = (...args) => {
   const collectArgs = (...collectedArgs) => sum(...collectedArgs, ...args)
   collectArgs.sumOf = () => args.reduce((a, b) => a + b, 0);
   return collectArgs;
}


科里函数 / currying function

高阶函数

科里化

原型链

闭包

closure