ES6 箭头函数链式调用

一时失言乱红尘 2022-06-08 10:44 96阅读 0赞

这里列出来一个简单的例子，使用箭头函数的链式调用，形成管道函数形式。

let pipeline = (...funs) => val => funs.reduce((a, b) => b(a), val);
    let plus = a => a + 1;
    let mult = a => a * 2;
    let addThenMult = pipeline(plus, mult);
    console.log(addThenMult(5));

> 关于 reduce() 遍历数组，返回一个操作(比如相加)后的值，而非数组，常用于数组的求合。
> 
> 比如：
> 
>     [1,2,3,4,5,6].reduce(function(initNum, val){ return initNum + val})
>     // 结果： 21

上面代码等同于下面的代码：

let plus = a => a + 1;
    let mult = a => a * 2;
    console.log(mult(plus(5)));

编译成 ES5 后的代码如下：

var pipeline = function pipeline() { 
        for (var _len = arguments.length, funs = Array(_len), _key = 0; _key < _len; _key++) {
            funs[_key] = arguments[_key];
        }
    
        return function (val) { 
            return funs.reduce(function (a, b) { 
                return b(a);
            }, val);
        };
    };
    var plus = function plus(a) { 
        return a + 1;
    };
    var mult = function mult(a) { 
        return a * 2;
    };
    var addThenMult = pipeline(plus, mult);
    console.log(addThenMult(5));

发表评论取消回复

表情：

评论列表（有 0 条评论，96人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6----箭头函数

目录基本语法是：基本用法：注意：普通函数和箭头函数区别? 1.this指向问题 2.普通函数 arguments保存实际参数 3.箭头函数 rest参数保

本是古典何须时尚/ 2024年04月06日 09:21/ 0 赞/ 98 阅读

相关 Es6箭头函数

`箭头函数`是Es6新增加的一个语法特性，在简化编码方面，有着巨大亮点。下文就是我对于箭头`(=>)`函数的定义与实用说明。用法一（无参数）定义语法

不念不忘少年蓝@/ 2024年03月31日 09:05/ 0 赞/ 61 阅读

相关 ES6 箭头函数

ES6 中添加了函数新的定义语法——`箭头函数`，当有大于一个形参的时候，必须使用`()`代表部分参数，函数体大于一行时，必须使用`{}`将函数体括起来，并使用 `return

一时失言乱红尘/ 2023年08月17日 16:07/ 0 赞/ 169 阅读

相关 es6箭头函数

一。对箭头函数的理解 1. 在ES6中，"=>"是函数的表达式，并且箭头函数是匿名的。（这个箭头叫“lambda运算符”）如： var lets = b => b\b

矫情吗；*/ 2023年07月09日 02:27/ 0 赞/ 34 阅读

相关 ES6_箭头函数

优化函数的写法如何去定义函数方式一： function sum (x, y) { return x+y } const

Bertha 。/ 2022年09月10日 02:18/ 0 赞/ 244 阅读

相关 ES6 箭头函数链式调用

这里列出来一个简单的例子，使用箭头函数的链式调用，形成管道函数形式。 let pipeline = (...funs) => val => funs.reduce((

一时失言乱红尘/ 2022年06月08日 10:44/ 0 赞/ 97 阅读

相关 es6 箭头函数

1.单参数 function cheng(a=3)\{ return a\a; \} let cheng= (a=3)=>a\a; console

落日映苍穹つ/ 2022年06月08日 02:12/ 0 赞/ 171 阅读

相关 ES6 — 箭头函数

一为什么要有箭头函数我们在日常开发中，可能会需要写类似下面的代码 const Person = { 'name': 'little

港控/mmm°/ 2022年05月27日 04:13/ 0 赞/ 192 阅读

相关 ES6-箭头函数

<script> //1.es6允许使用箭头=>定义函数 var f = v => v; f(44);//44

￡神魔★判官ぃ/ 2022年03月19日 15:37/ 0 赞/ 298 阅读

相关 ES6箭头函数

ES6箭头函数一、什么是箭头函数二、写法三、箭头函数中this 一、什么是箭头函数简化了匿名函数的写法，二、写法 fu

快来打我*/ 2021年09月07日 06:10/ 0 赞/ 382 阅读