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

前端之家收集整理的这篇文章主要介绍了JavaScript DSL 流畅接口(使用链式调用)实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

DSL 流畅接口

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

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

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

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

404_1@ 代码如下:

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

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

DSL 表达式生成

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

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

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

其他

方法级联 表示如下:

404_1@ 代码如下:

猜你在找的JavaScript相关文章