专栏首页一路向前端体验usually.js的管道函数——pipe函数

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

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

附录

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • tooltip.css-2.0文档

    只需在页面中引入"tooltip.css"或“tooltip.min.css”文件即可。

    用户6167509
  • 移动端事件穿透的原理与解决方案

    移动设备的流行,带动了移动互联网的快速发展,很多开发者开始进入移动开发领域。目前市面上主流的移动设备一般都使用触摸屏,触摸屏所使用的触摸事件模型与传统网页的鼠标...

    用户6167509
  • 现代JavaScript函数库 usuallyjs 的安装和使用

    usuallyjs 是一个面向现代 Web 开发的 JavaScript 实用函数库。

    用户6167509
  • 用在数据科学上的 Python:你可能忘记的 8 个概念

    如果你在编程的时候发现自己一遍又一遍的搜索同一个问题、概念或者语法,那么你并不孤单。

    AI研习社
  • C++ Primer ---函数(读书笔记)

    一个函数是由 返回类型 函数名称 0个或多个形参以及函数体构成。 函数调用时 使用函数名称加小括号,小括号里面是实参。 函数调用时,完成部分的工作:

    HeaiKun
  • 房价会崩盘吗?教你用 Keras 预测房价!(附代码)

    书中其中一个应用例子就是用于预测波士顿的房价,这是一个有趣的问题,因为房屋的价值变化非常大。这是一个机器学习的问题,可能最适用于经典方法,如 XGBoost,因...

    AI研习社
  • 什么场景不适合箭头函数

    这些年来,ES6 将 JS 的可用性提升到一个新的水平时: 箭头函数、类等等,这些都很棒。

    前端小智@大迁世界
  • L004Linux和androidNDK之c代码风格及约定

    上善若水.夏
  • 万物皆可 Serverless 之关于云函数冷热启动那些事儿

    本文带大家来了解一下云函数的冷热启动过程,以及面对云函数这种冷热启动模式,开发者需要注意哪些问题。 效果展示 云函数被第一次调用(冷启动) ? 云函数被第一次...

    腾讯云serverless团队
  • 腾讯 IMWEB 前端团队一站式 Serverless 开发解决方案

    如今的 Serverless 可以说是一大有潜力的新技术方向,尤其在当下上云的热潮中,Serverless 因其免运维、自动扩容、支持多种编程语言等优势,对前端...

    腾讯云serverless团队

扫码关注云+社区

领取腾讯云代金券