JavaScript柯里化

JavaScript柯里化

柯里化（Currying） 是一种将多参数函数转换为一系列单参数函数的技术。通过柯里化，可以将一个函数分解为多个嵌套的函数，每次只接收一个参数并返回一个新函数，直到所有参数都被传递完毕。

1. 柯里化的基本概念

• 目标：将 f(a, b, c) 转换为 f(a)(b)(c)。
• 特点：
  • 每次只接收一个参数。
  • 返回一个新函数，直到所有参数都被传递完毕。

2. 柯里化的实现

(1) 手动柯里化

• 通过嵌套函数实现柯里化。

示例：

function add(a) {
  return function(b) {
    return function(c) {
      return a + b + c;
    };
  };
}

const result = add(1)(2)(3);
console.log(result); // 输出：6

(2) 自动柯里化

• 编写一个通用的柯里化函数，自动将多参数函数转换为柯里化函数。

示例：

function curry(fn) {
  return function curried(...args) {
    if (args.length >= fn.length) {
      return fn.apply(this, args);
    } else {
      return function(...moreArgs) {
        return curried.apply(this, args.concat(moreArgs));
      };
    }
  };
}

function add(a, b, c) {
  return a + b + c;
}

const curriedAdd = curry(add);
console.log(curriedAdd(1)(2)(3)); // 输出：6
console.log(curriedAdd(1, 2)(3)); // 输出：6
console.log(curriedAdd(1, 2, 3)); // 输出：6

3. 柯里化的应用场景

(1) 参数复用

• 通过柯里化预先绑定部分参数，生成新的函数。

示例：

function log(level, message) {
  console.log(`[${level}] ${message}`);
}

const logError = curry(log)('ERROR');
logError('Something went wrong'); // 输出：[ERROR] Something went wrong

(2) 延迟执行

• 通过柯里化将函数的执行延迟到所有参数都传递完毕。

示例：

function fetchData(url, params) {
  console.log(`Fetching data from ${url} with params:`, params);
}

const fetchFromAPI = curry(fetchData)('https://api.example.com');
fetchFromAPI({ q: 'search' }); // 输出：Fetching data from https://api.example.com with params: { q: 'search' }

(3) 函数组合

• 通过柯里化将多个函数组合成一个新的函数。

示例：

function compose(f, g) {
  return function(x) {
    return f(g(x));
  };
}

const add1 = x => x + 1;
const multiply2 = x => x * 2;
const addThenMultiply = compose(multiply2, add1);
console.log(addThenMultiply(5)); // 输出：12

4. 柯里化的优势

(1) 参数复用：通过预先绑定参数，减少重复代码。

(2) 延迟执行：将函数的执行延迟到所有参数都传递完毕。

(3) 函数组合：方便将多个函数组合成一个新的函数。

总结

特性	描述	示例
参数复用	预先绑定部分参数，生成新的函数	curry(log)('ERROR')
延迟执行	将函数的执行延迟到所有参数传递完毕	curry(fetchData)('https://api.example.com')
函数组合	将多个函数组合成一个新的函数	compose(multiply2, add1)

柯里化是函数式编程中的重要技术，合理使用可以提升代码的复用性和可读性。

更多vue相关插件及后台管理模板可访问vue admin reference，代码详情请访问github