函数柯里化

最新推荐文章于 2024-10-18 17:51:23 发布

Timmtiy

最新推荐文章于 2024-10-18 17:51:23 发布

阅读量42

点赞数

分类专栏： JavaScript 文章标签： javascript 前端原型模式

本文链接：https://blog.csdn.net/timmtiy/article/details/129408360

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

文章介绍了柯里化的基本概念，通过示例展示了如何在JavaScript中实现柯里化，包括简单实现和通用实现。柯里化可以用于参数复用，例如在正则校验的场景中，并且解释了JavaScript中bind方法的原理与其与柯里化的关联。此外，还提供了一个延迟运行的示例来进一步阐述柯里化的应用。

摘要由CSDN通过智能技术生成

函数柯里化

柯里化名词解释

柯里化简单实现

// 普通的add函数
var add = function(a, b){
  return a + b;
}

// 柯里化后
var addCurry = function(a){
  return function (b) {
    return a + b;
  };
}
var addCurryTest = addCurry(1)

console.log(add(1,2));
console.log(addCurryTest(4));

请添加图片描述

JavaScript并没有实现curry方法，但我们可以给Function.prototype扩展此功能。柯里化通用实现：

// 普通的add函数
var add = function(a, b){
  return a + b;
}
// 给语言的基本类型扩充功能
// 通过给Function.prototype增加方法使得该方法对所有函数可用。
Function.prototype.method = function (name, func) {
  if(!this.prototype[name]){
    this.prototype[name] = func;
  }
  return this;
}

// 通用curry实现
Function.method('curry', function () {
  var slice = Array.prototype.slice;
  var args = slice.apply(arguments);
  console.log(args);
  var that = this;
  return function () {
    console.log(slice.apply(arguments));
    return that.apply(null, args.concat(slice.apply(arguments)));
  }
})

var addTest = add.curry(1);
console.log(addTest(6));

请添加图片描述

柯里化应用

参数复用

// 给语言的基本类型扩充功能
// 通过给Function.prototype增加方法是的该方法对所有函数可用。
Function.prototype.method = function (name, func) {
  if(!this.prototype[name]){
    this.prototype[name] = func;
  }
  return this;
}

// 通用curry实现
Function.method('curry', function () {
  var slice = Array.prototype.slice;
  var args = slice.apply(arguments);
  // console.log(args);
  var that = this;
  return function () {
    // console.log(slice.apply(arguments));
    return that.apply(null, args.concat(slice.apply(arguments)));
  }
})

// 正则校验的复用
function check(reg, text){
  return reg.test(text);
}

var hasNumber = check.curry(/\d+/g);
var hasLetter = check.curry(/[a-z]+/g);

console.log(hasNumber('test1'));
console.log(hasNumber('asdasd'));
console.log(hasLetter('123123123'));
console.log(hasLetter('Hello'));

请添加图片描述

延迟运行（js中的bind实现机制就是currying）

var sum = function () {
  let sum = 0;
  for(let i = 0; i < arguments.length; i++){
    sum += arguments[i];
  }
  return sum;
}

Function.prototype.bind = function (context) {
  var _this = this
  var args = Array.prototype.slice.call(arguments, 1)

  return function() {
      return _this.apply(context, args)
  }
}

console.log(sum.bind(null, 1, 1, 3, 5)());

var curry = function(fn) {
  var _args = []
  return function cb() {
      if (arguments.length == 0) {
          return fn.apply(this, _args)
      }
      Array.prototype.push.apply(_args, arguments);
      return cb;
  }
}
console.log(curry(sum)(1,2,3)(1,2)())