JavaScript中的组合（Compose）函数

组合（Compose）函数

组合（Compose）函数是在JavaScript开发过程中一种对函数的使用技巧、模式：

比如我们现在需要对某一个数据进行函数的调用，执行两个函数fn1和fn2，这两个函数是依次执行的；
那么如果每次我们都需要进行两个函数的调用，操作上就会显得重复；
那么是否可以将这两个函数组合起来，自动依次调用呢？
这个过程就是对函数的组合，我们称之为组合函数（Compose Function）；

举例：

function double(num){return num*2;
}
function square(num){return num**2;
}var calcFn = compose(double,square);//实现组合函数
console.log(calcFn(20));

实现上面例子中的简单的组合函数：

function compose(fn1,fn2){return function(x){return fn2(fn1(x));}
}

compose的实现

function compose(...fns){//遍历所有的原生如果不是函数，那么直接报错var length = fns.length;for(var i = 0 ;i < length; i++){var fn = fns[i];if(typeof fn !== 'function'){throw new TypeError('Expected a function');}}//取出所有的函数一次调用，最终返回一个函数return function(...args){//先获取到第一次执行的结果var index = 0;var result = length ? fns[index].apply(this,args): args;while(++index<length){result = fns[index].call(this,result);}return result;}
}

JavaScript中的组合（Compose）函数相关推荐

JavaScript中的立即执行函数
原文链接通常我们声明一个函数有以下几种方式: // 声明函数f1 function f1() {console.log("f1"); } // 通过()来调用此函数 f1();/ ...
有没有更好的方法在JavaScript中执行可选的函数参数？ [重复]
本文翻译自:Is there a better way to do optional function parameters in JavaScript? [duplicate] This quest ...
JavaScript中的一等公民: 函数(Function)
1. 函数的基本使用使用函数声明或者函数表达式创建一个函数 foo(); //foo bar(); //Uncaught ReferenceError: Cannot access 'bar' be ...
深入理解javascript中的立即执行函数(function(){…})()
2019独角兽企业重金招聘Python工程师标准>>> javascript和其他编程语言相比比较随意,所以javascript代码中充满各种奇葩的写法,有时雾里看花,当然,能理解各 ...
JavaScript中各存在性函数
JavaScript中有很多表示存在性和从属关系的函数,本文介绍如下几个: 1)有关实例与构造函数原型之间的关系:isPrototypeOf(),Object.getPrototypeOf(); 2) ...
如何在JavaScript中使用高阶函数
将另一个函数作为参数的函数,或者定义一个函数作为返回值的函数,被称为高阶函数. JavaScript可以接受高阶函数.这种处理高阶函数的能力以及其他特点,使JavaScript成为非常适合函数式编程的 ...
JavaScript中常用内置函数
JavaScript中有两种函数:一种是语言内部事先定义好的函数叫内置函数,另一种是自己定义的函数.如下是常用的6种内置函数: eval函数 eval(expr)函数可以把一个字符串当作一个JavaS ...
JavaScript中使用字符串调用函数
JavaScript中有一种函数的调用方法:使用函数名的字符串来调用 function forTimeout(x, y){ alert(x + y);}function delay(x , y , t ...
JavaScript中的数值转换函数
1.Number()函数 (1)用于任何数据类型,属于一种转型函数 (2)转型规则 Boolean值,true->1,false->0 数字值,简单的传入和返回 null值,返回0 und ...

JavaScript中的组合（Compose）函数

组合（Compose）函数

compose的实现

JavaScript中的组合（Compose）函数相关推荐

最新文章

热门文章