underscore之Chaining_动力节点Java学院整理

 更新时间:2017年07月10日 10:10:08   作者:liaoxuefeng  
本文通过文字说明与代码的形式给大家介绍了underscore之Chaining的相关知识,感兴趣的朋友一起学习吧

还记得jQuery支持链式调用吗?

$('a').attr('target', '_blank')
   .append(' <i class="uk-icon-external-link"></i>')
   .click(function () {});

如果我们有一组操作,用underscore提供的函数,写出来像这样:

_.filter(_.map([1, 4, 9, 16, 25], Math.sqrt), x => x % 2 === 1);
// [1, 3, 5]

能不能写成链式调用?

能!

underscore提供了把对象包装成能进行链式调用的方法,就是chain()函数:

_.chain([1, 4, 9, 16, 25])
 .map(Math.sqrt)
 .filter(x => x % 2 === 1)
 .value();
// [1, 3, 5]

因为每一步返回的都是包装对象,所以最后一步的结果需要调用value()获得最终结果。

小结

通过学习underscore,是不是对JavaScript的函数式编程又有了进一步的认识?

相关文章

  • 微信小程序使用ECharts的示例详解

    微信小程序使用ECharts的示例详解

    echarts-for-weixin是ECharts官方维护的一个开源项目,提供了一个微信小程序组件,可以通过这个组件在微信小程序中使用 ECharts 绘制图表。本文将通过示例详解微信小程序使用ECharts的方法,感兴趣的可以了解一下
    2022-06-06
  • 通过js为元素添加多项样式,浏览器全兼容写法

    通过js为元素添加多项样式,浏览器全兼容写法

    这篇文章主要介绍了通过js为元素添加多项样式,浏览器全兼容写法,需要的朋友可以参考下
    2014-08-08
  • 原生JS实现瀑布流插件

    原生JS实现瀑布流插件

    本篇文章给大家详细分析了一个原生JS实现瀑布流插件以及代码相关讲解,对此有兴趣的读者们参考学习下吧。
    2018-02-02
  • 通过图文详细讲解JavaScript中的字符串方法

    通过图文详细讲解JavaScript中的字符串方法

    这篇文章主要介绍了JavaScript中字符串方法的相关资料,文中包括字符串长度、查找字符串、提取字符串、替换字符串、大小写转换、连接字符串、删除空白符、提取字符以及字符串转数组等方法,需要的朋友可以参考下
    2024-12-12
  • Javascript之旅 对象的原型链之由来

    Javascript之旅 对象的原型链之由来

    本人是Javascript菜鸟,下面是前几天学习Javascript的旅程心得,希望对和我一样的入门者有点用,也希望高手批评指正。
    2010-08-08
  • Javascript hasOwnProperty 方法 & in 关键字

    Javascript hasOwnProperty 方法 & in 关键字

    hasOwnProperty :如果 object 具有指定名称的属性,那么方法返回 true;反之则返回 false。
    2008-11-11
  • this和执行上下文实现代码

    this和执行上下文实现代码

    Javascript中this关键字通常指向当前函数的拥有者。在javascript中通常把这个拥有者叫做执行上下文。
    2010-07-07
  • JS多个表单数据提交下的serialize()应用实例分析

    JS多个表单数据提交下的serialize()应用实例分析

    这篇文章主要介绍了JS多个表单数据提交下的serialize()应用,接合实例形式分析了原生javascript实现多个表单提交时serialize操作相关使用技巧与操作注意事项,需要的朋友可以参考下
    2019-08-08
  • 深入理解requestAnimationFrame的动画循环

    深入理解requestAnimationFrame的动画循环

    这篇文章先给大家介绍了什么是requestAnimationFrame,而后才深入讲述关于requestAnimationFrame的动画循环,文章介绍的非常详细,相信对大家学习requestAnimationFrame具有一定的参考借鉴价值,有需要的朋友下面来一起看看吧。
    2016-09-09
  • JavaScript第七种数据类型Symbol的用法详解

    JavaScript第七种数据类型Symbol的用法详解

    Symbol是ES6中引入的一种新的基本数据类型,用于表示一个独一无二的值。它是JavaScript中的第七种数据类型。本文将详细讲讲Symbol的使用,需要的可以参考一下
    2022-09-09

最新评论