JavaScript DSL 流畅接口(使用链式调用)实例

认真研究了一会DSL,发现了这么几件有趣的事,JavaScript用得最多的一个东西怕是链式调用 (方法链,即Method Chaining)。 有意思的是Martin Flower指出:

代码如下:
很多人将链式调用等同于流畅接口。然而链式调用是流畅接口的一种常用方法,真实的流畅接口不止这么一点点。

DSL 流畅接口

流畅接口的初衷是构建可读的API,毕竟代码是写给人看的。

类似的,简单的看一下早先我们是通过方法级联来操作DOM

代码如下:
element var t = document.createTextNode("CLICK ME"); // Create a text node btn.appendChild(t); // Append the text to
而用jQuery写的话,便是这样子
代码如下:
').append("CLICK ME");
等等

于是回我们便可以创建一个简单的示例来展示这个最简单的DSL

代码如下:

var func = new Func(); func.add().result();

然而这看上去像是表达式生成器。

DSL 表达式生成

表达式生成器对象提供一组连贯接口,之后将连贯接口调用转换为对底层命令-查询API的调用

这样的API,我们可以在一些关于数据库的API中看到:

代码如下:
sql('select name,desc from widgets') .WHERE('price < ',$(params.max_price),AND, 'clearance = ',$(params.clearance)) .ORDERBY('name asc');
链式调用一个问题就是收尾,同上的代码里面我们没有收尾,这让人很迷惑。。加上一个query和end似乎是一个不错的结果。

其他

方法级联 表示如下:

代码如下:

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...