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

简介:

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

2.13 链式调用与流式API

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

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

更为清晰的写法:

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

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

  • Mick
  • Hunz (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.js的API就采用了极长的链式调用,导致代码书写在编辑器内跨行。请在代码中始终保持简单性。
相关文章
|
1月前
|
JavaScript 前端开发 API
常用JavaScript 数组 API大全
常用JavaScript 数组 API大全
32 0
|
1月前
|
API
egg.js 24.2写第一个api接口
egg.js 24.2写第一个api接口
71 0
|
2月前
|
Web App开发 JavaScript NoSQL
深入浅出:构建基于Node.js的RESTful API
在当今快速发展的互联网时代,RESTful API已成为前后端分离架构中不可或缺的一部分。本文旨在为初学者和中级开发人员提供一个清晰、简洁的指南,详细介绍如何使用Node.js构建一个高效、可维护的RESTful API。通过结合实际案例,本文将从API设计理念出发,深入讲解如何利用Express框架及MongoDB数据库实现API的增删改查功能,同时探讨如何通过JWT进行安全认证,确保数据传输的安全性。此外,文章还将简要介绍如何使用Swagger生成API文档,使得API的测试和维护更加便捷。无论你是希望提升现有项目的API设计,还是想从零开始构建一个新项目,本文都将为你提供一条清晰的道路
|
14天前
|
存储 Java 关系型数据库
掌握Java 8 Stream API的艺术:详解流式编程(一)
掌握Java 8 Stream API的艺术:详解流式编程
46 1
|
1月前
|
JavaScript 前端开发 API
JavaScript循环遍历常用的7种方法以及常用的数组 API
JavaScript循环遍历常用的7种方法以及常用的数组 API
35 0
|
1月前
|
Web App开发 JavaScript 前端开发
使用Node.js和Express构建RESTful API
使用Node.js和Express构建RESTful API
19 0
|
2月前
|
NoSQL JavaScript 前端开发
深入浅出:使用Node.js和MongoDB构建RESTful API
在当今的软件开发领域,构建高效、可扩展的Web服务已成为开发者的重要任务之一。本文将引导读者通过现代JavaScript环境——Node.js,搭配流行的NoSQL数据库MongoDB,一步步构建一个RESTful API。不同于常规的摘要,我们将采用故事化的方式,通过一个虚构的应用“BookFinder”的开发旅程,带领读者理解API设计、数据库交互及安全性考量等关键知识点。无论你是前端工程师希望深化后端知识,还是后端新手寻求实践机会,本文都将提供你所需的指南和启示。
|
3月前
|
Web App开发 Rust JavaScript
Rust 笔记:WebAssembly 的 JavaScript API
Rust 笔记:WebAssembly 的 JavaScript API
93 0
|
3月前
|
JavaScript 前端开发 程序员
Js中一些数组常用API总结
Js中一些数组常用API总结
|
2月前
|
JavaScript
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
27 0