JavaScript函数式编程之偏函数(Partial Function)

之前的博客有介绍JavaScript函数式编程的curry化，今天就介绍一个跟curry化有点像的偏函数(partial function)

先介绍一下什么叫偏函数，其实指的是将给定的函数的部分参数固定化，然后返回新的函数举个例子比如

$y = f(x1,x2,x3,...,xn)$

这是数学里的多元函数，我们固定其部分参数，那么就可以得到新的函数，比如 $y1 = f(x1,x2=1,x3=1,...,xn=1)$ 这种

仔细想想curry化，其实是一种特殊的偏函数，它固定参数的顺序只能是从左往右，然后返回新函数

了解了概念，我们来动手实现这个偏函数

给出多种实现方式(纯属自己无聊)

es5实现


//es5实现
function partial(fn){var args = Array.prototype.slice.call(arguments); //将类数组对象arguments转为数组args.shift();                                     //除去fn参数for (var i = args.length;i<fn.length;i++)         //补齐，跟fn的参数列表对应上args.push(undefined)return function() {var remainArgs = Array.prototype.slice.call(arguments), // 剩余参数index = 0;for (i = 0; i < args.length; i++) {args[i] === undefined && (args[i] = remainArgs[index++])}return fn.apply(this,args);}
}

通过个Function添加原型链的方式实现 es5版

//通过个Function添加原型链的方式实现 es5版
Function.prototype.partial = function() {var args = [].slice.call(arguments),that = this;for (var i = args.length;i<that.length;i++)         //补齐，跟fn的参数列表对应上args.push(undefined)return function() {var remainArgs = [].slice.call(arguments),index = 0;args.forEach(function(arg,i){arg === undefined && (args[i] = remainArgs[index++])})return that.apply(this,args)    }
}

es6实现

//es6实现
const partial_es6 = (fn,...args) => {for (let i = args.length;i<fn.length;i++)         //补齐，跟fn的参数列表对应上args.push(undefined)return (...remainArgs) => {let j = 0;args.forEach((arg,i) => arg === undefined && (args[i] = remainArgs[j++]))return fn(...args) }
}

通过个Function添加原型链的方式实现 es6版

//通过个Function添加原型链的方式实现 es6版
Function.prototype.partial_es6 = function(...args){for (let i = args.length;i<this.length;i++)         //补齐，跟fn的参数列表对应上args.push(undefined)return (...remainArgs) => {let j = 0;args.forEach((arg,i) => arg === undefined && (args[i] = remainArgs[j++]))return this(...args)  }
}

使用如下


function add4(a,b,c,d) {return a + b + c + d;
}var _add4 = add4.partial(1,undefined,3,undefined);console.log(_add4(2,4)); // 1 + 2 + 3 + 4 = 10

那么偏函数还有啥用呢，再来个最简单的例子，比如setTimeout(fn,time)这个函数，那么我们可以固定后面的time参数，这样我们就可以得到很多时间间隔一样的setTimeout函数‘

var setTimeout_1s = partial(setTimeout,undefined,1000);setTimeout_1s(function(){//do something
});
setTimeout_1s(function(){//do something
});

有了这个例子，剩下的应用读者可以自己想想

JavaScript函数式编程之偏函数(Partial Function)相关推荐

Javascript函数式编程之偏函数
一.前言在上一篇文章中我简单地提及了函数式编程中的纯函数,那么在这篇文章中就来说说偏函数,如果小伙伴们还不知道什么是纯函数或者感兴趣(有时间)的话,可以点击下方的链接~ Javascript函数式编 ...
javascript 函数式编程(1)
函数式编程(Functional Programming) 简单说就是把函数当参数传递给其他函数.个人认为 FP 在软件抽象中占很重要的地位,作为程序员的话极力推荐掌握其中的思维方法.最早这思想出现在 ...
我眼中的JavaScript函数式编程
JavaScript 函数式编程是一个存在了很久的话题,但似乎从 2016 年开始,它变得越来越火热.这可能是因为 ES6 语法对于函数式编程更为友好,也可能是因为诸如 RxJS (ReactiveX ...
JavaScript函数式编程入门经典
一个持续更新的github笔记,链接地址:Front-End-Basics,可以watch,也可以star. 此篇文章的地址:JavaScript函数式编程入门经典正文开始什么是函数式编程?为何它 ...
SegmentFault 技术周刊 Vol.16 - 浅入浅出 JavaScript 函数式编程
函数式编程(Functional Programming),一看这个词,简直就是学院派的典范. 以至于从 Lisp 的创世,到 Scheme.Haskell.Clean.Erlang.Miranda. ...
一文带你了解JavaScript 函数式编程
前言函数式编程在前端已经成为了一个非常热门的话题.在最近几年里,我们看到非常多的应用程序代码库里大量使用着函数式编程思想. 本文将略去那些晦涩难懂的概念介绍,重点展示在 JavaScript 中到底 ...
一文带你了解JavaScript函数式编程
摘要: 函数式编程入门. 作者:浪里行舟 Fundebug经授权转载,版权归原作者所有. 前言函数式编程在前端已经成为了一个非常热门的话题.在最近几年里,我们看到非常多的应用程序代码库里大量使用着函 ...
SegmentFault 技术周刊 Vol.16 - 浅入浅出 JavaScript 函数式编程 1
函数式编程(Functional Programming),一看这个词,简直就是学院派的典范. 以至于从 Lisp 的创世,到 Scheme.Haskell.Clean.Erlang.Miranda. ...
javascript函数式编程上
我们一起来学习javascript函数式编程文章目录前言一.函数式编程是什么? 二.专业术语 1.纯函数 2.纯度和幂等性 3.偏应用(partial application)函数 4.函数的柯 ...

JavaScript函数式编程之偏函数(Partial Function)

JavaScript函数式编程之偏函数(Partial Function)相关推荐

最新文章

热门文章