underscore之Chaining

2019-11-19,,

还记得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的函数式编程又有了进一步的认识?

您可能感兴趣的文章:

  • Underscore之Array_动力节点Java学院整理
  • underscore之Collections_动力节点Java学院整理
  • JavaScript之underscore_动力节点Java学院整理
  • 微信小程序使用第三方库Underscore.js步骤详解
  • 深入解析Backbone.js框架的依赖库Underscore.js的作用
  • Underscore源码分析
  • Underscore.js 1.3.3 中文注释翻译说明
  • Underscore.js 的模板功能介绍与应用
  • underscore之function_动力节点Java学院整理

《underscore之Chaining.doc》

下载本文的Word格式文档,以方便收藏与打印。