体验usually.js的管道函数——pipe函数

体验usually.js的管道函数——pipe函数

usually.js 是一个面向当代 Web 开辟的 JavaScript 函数库,基于 ES6 开辟。最新版本2.4.1,最新版本usually.js增添管道函数—— pipe 函数。什么是管道函数?管道函数,其作用是将前一步的效果直接传参给下一步的函数,从而省略了中心的赋值步骤,能够大批削减内存中的对象,节约内存。

基础运用

usually.js 管道函数 pipe 的管道操纵符 |> 许可以一种易读的体式格局去对函数链式挪用。本质上来讲,管道操纵符是单参数函数挪用的语法糖,它许可你像如许实行一个挪用:

const a = -1.15454
let result = U.pipe(a, 'Math.abs |> Math.round')

运用一般js语法写的话,等效的代码是如许的:

const a = -1.15454
let result = Math.round(Math.abs(a))

运用$占位符

usually.js 的管道函数pipe还能够运用$占位符,将前一个函数的运算效果传参给下一个的函数,如:U.pipe(x, ‘a |> b($, y)’) 等价于 b(a(x), y)。

运用$占位符示例:

const x = 1
const y = 3
const z = 2

const foo = n => n + 1;
const bar = (x, y) => x * y;
const baz = (x, y, z) => x * y + z
      
const result = U.pipe(x, 'foo |> bar($, y) |> baz($ , y, z)')
// => result = 20

2.4.1版本 usually.js 更新内容以下:

(1)、bug 修复,修复 stringifyURL 函数反复追加“?”的bug
(2)、新增管道操纵函数 —— pipe 函数,简化多函数运算流
(3)、新增对象值掩盖函数 —— overValues 函数
(4)、新增色彩值处置惩罚函数 —— extendHex 函数,将3位的16进制色值转换为6位
(5)、新增 randomHex 函数 —— 天生16进制随机色彩色值
(6)、新增 parseCookie 函数,将 cookie 字符串剖析为对象情势

附录

usually.js官方文档地点https://jofunliang.github.io/usuallyjs/
usually.js的GitHub地点https://github.com/JofunLiang/usuallyjs

    原文作者:倔强的小石头
    原文地址: https://segmentfault.com/a/1190000018666722
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞