JavaScript -- 函数柯里化

基础知识

函数形参：可通过function.length得到形参个数

function A(a, b) {}
// a跟b就是形参
console.log(A.length); //2

函数实参：可通过arguments获得

function B(a, b) {
    console.log(arguments);
}

B(1,2,3); // 1,2,3

柯里化是什么：

sum(1,2,3); //6
sum(1)(2,3); //6
sum(1,2)(3); //6

相比于第一个函数，第二个和第三个就使用了函数的柯里化的思想：当sum函数得到了它期望的参数(3个)时，它就返回结果。要不然就返回一个新的函数(e.g. sum(1)跟sum(1,2))持续吃进新参数。

来自wiki的函数柯里化定义：是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术。

柯里化实例

function curry(fn) { //暂时不考虑上下文this的情况
    return function f(...args) {
        //传进来的参数个数不少于形参个数，调用并返回结果
        if(args.length >= fn.length) { 
            return fn.apply(this, args);
        } else {
            //传进来的参数个数少于形参个数，返回一个闭包
            return function(...arr) { 
                return f.apply(this, args.concat(arr));
            }
        }
    }
}

let sumWithCurry = curry(sum);
sumWithCurry(1,2,3); //6
sumWithCurry(1)(2,3); //6
sumWithCurry(1,2)(3); //6

使用bind实现柯里化

function sayHi(greeting, ending) {
    console.log(`My name is ${this.name}, ${greeting}. ${ending}!`);
}

//这里已经把greeting吃进去了
let fn = sayHi.bind({name: 'mike'}, 'Love you'); 
fn('Thanks!'); // My name is mike, Love you. Thanks!!

原文链接：
https://github.com/n0ruSh/the-art-of-reading/issues/5