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

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

usually.js 是一个面向现代 Web 开发的 JavaScript 函数库，基于 ES6 开发。最新版本2.4.1，最新版本usually.js增加管道函数—— pipe 函数。什么是管道函数？管道函数，其作用是将前一步的结果直接传参给下一步的函数，从而省略了中间的赋值步骤，可以大量减少内存中的对象，节省内存。

基本使用

usually.js 管道函数 pipe 的管道操作符 |> 允许以一种易读的方式去对函数链式调用。本质上来说，管道操作符是单参数函数调用的语法糖，它允许你像这样执行一个调用：

var a = -1.15454

var result = U.pipe(a, 'Math.abs |> Math.round')

使用正常js语法写的话，等效的代码是这样的：

var a = -1.15454

var result = Math.round(Math.abs(a))

使用$占位符

usually.js 的管道函数 pipe 还可以使用 $ 占位符，将前一个函数的运算结果传参给下一个的函数，如：U.pipe(x, 'a |> b($, y)') 等价于 b(a(x), y)。

使用 $ 占位符示例：

var x = 1

var y = 3

var z = 2

var foo = n => n + 1;

var bar = (x, y) => x * y;

var baz = (x, y, z) => x * y + z

var 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 字符串解析为对象形式