前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >体验usually.js的管道函数——pipe函数

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

作者头像
用户6167509
发布2019-09-04 10:32:21
1K0
发布2019-09-04 10:32:21
举报
文章被收录于专栏:一路向前端

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

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

基本使用

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

代码语言:javascript
复制
var a = -1.15454
var result = U.pipe(a, 'Math.abs |> Math.round')

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

代码语言:javascript
复制
var a = -1.15454
var result = Math.round(Math.abs(a))

使用$占位符

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

代码语言:javascript
复制
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 字符串解析为对象形式

附录

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-03-27 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 体验usually.js的管道函数——pipe函数
    • 基本使用
      • 使用$占位符
        • 附录
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档