还记得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学院整理