TBLEG
扫描微信账号

扫一扫微信二维码

《JavaScript应用程序设计》一一2.13链式调用与流式API

2020-05-16 信息
区块链白皮书代写

本节书摘来华章计算机出版社《JavaScript应用程序设计》一书中第2章,第2.13节,作者:Eric Elliott 更多章节内容可以访问云栖社区“华章计算机”公众号查看。

2.13 链式调用与流式API

链式调用是指下一次方法调用上下文环境,由前一次方法调用输出结果提供,下面代码实例在jQuery中较为常见:

$('.friend').hide().filter('.active').show();

更为清晰写法:

$('.friend')  .hide()  .filter('.active')  .show();

这一连串方法调用内在含义为: 先找出所有类名为.friend元素并将它们隐藏,随后在其中找出所有拥有.active类名元素并将之显示。在页面加载时,好友列表做如下展示:

MickHunz (active)Yannis代码执行后,好友列表展示为:Hunz (active)链式调用最为主要优点在于它为流式API提供了语法上支持。简单来说,流式API意味着方法调用过程阅读起来更像是一种自然语言,这里自然语言并不是指代英语,而是指流式API中方法命名应该与实际动词联系起来。

流式API应用一个绝佳案例是jQuery,事实上,jQuery流式编程语法已经使之成为市面上最为简单易上手类库之一。在jQuery刚刚发布时,几乎它所有特性其他类库都已支持,让jQuery从众多类库中脱颖而出是它极为易学语法。几乎所有jQuery语句都可以抽象为:“找出匹配选择器所有元素,随后执行x(),再执行y(),选择其中部分元素,动词,动词”。链式调用也有其缺点,它使得你在单行代码中掺杂了过多逻辑,同时程序中过程式代码变得越来越多,加之由于很难在调用链中设置断点,所以代码调试变得异常困难。如果你恰巧在调试链式代码时陷入了困境,这里有一个小技巧,你可以用赋值变量来捕获链式调用中任意环节函数返回值,之后在变量上继续调用方法链中下一个方法,并在这里穿插断点调试。这么说吧,流式API并不是让你将方法链从头写到尾。流式API重点不在于链式调用,而在于它能够让方法调用过程看起来更像是人用词语与句子表达自己想法。流式API将任务执行结果用一组拥有明确含义方法衔接起来。构建一个流式API等同于构建一个微型领域特定语言,这部分内容将在第3章中做详细阐述。警告: 流式API极易被滥用,比如在其他语言中,流式API主要是用来配置实例对象,而JavaScript在配置方面有天然对象字面量语法,此时再引入流式API,就显得有些多余。

有时候,流式语法也让函数调用变得冗余,例如Should.jsAPI就采用了极长链式调用,导致代码书写在编辑器内跨行。请在代码中始终保持简单性。
全文阅读
文章关键词
云栖社区
函数
配置
javascript
API
jquery
扫描关注微信账号

试试长按二维码加关注