JavaScript设计模式：方法的链式调用

青旅半醒 2022-06-17 00:29 166阅读 0赞

链式调用起始只不过是一种语法，它让我们可以通过重用一个初始操作，来达到用少量代码表达复杂操作的目的。

栗子：设置宽度然后显示元素

// 不用链式操作：
    setWidth(someObject,"30px");
    someObject.show();
    
    // 采用链式操作
    someObject.setWidth("30px").show();

是不是简介了很多？

## 调用链的结构 ##

我们只要在函数的结尾再次返回调用这个函数的对象，那么就可以继续调用其他函数，这也就是我们所提到的链式结构。

栗子：

以return this结尾的函数，最后会返回调用函数的对象，这样，就可以利用这个对象继续进行函数调用，形成链式调用：

someElements.each(something).show(true).someOtherFunctions()...

## 使用回调函数从支持链式调用的方法中获得数据 ##

虽然使用链式调用很方便简洁，但是有的时候使用链式调用却并不是好主意。（就好像曹操把船连起来不是什么好主意）。链式调用更适合赋值或者单纯的操作方法，但是如果是取值方法，我们希望函数返回的是我们需要的数据而不是this。

在这种情况下，如果你依旧希望使用链式调用，那么方法就是使用回调函数。

还没有评论，来说两句吧...