javascript 函数链接，链成员无需相互了解

Question

我想创建一个 JavaScript 管道，如 powershell、bash (|) 或 f# (|>)。 IE。相当于

getstuff() | sort() | grep("foo") | take(5)

我在咖啡脚本论坛上看到了关于此的讨论，但最终他们搁置了它，因为每个人都说你可以通过函数链做同样的事情。但据我所知，requires getstuff 返回的东西有一个排序方法； sort 方法必须返回带有 grep 方法的内容等。这是相当严格的，因为它要求所有潜在的管道成员提前相互了解。我知道 JavaScript 有一些非常聪明的技巧，而我仍然处于 101 级别 - 那么

getstuff().sort.().grep().take()

如果没有这个限制，这是否可行

Answer 1

这可行吗

getstuff().sort.().grep().take()

没有这个限制

？

---

我喜欢简短的答案！你能建议任何可以完成类似事情的方法

在高层次上，你可以做一些类似于 jQuery 在幕后所做的事情来允许链接。创建一个类似数组的包装对象类型，其中包含您希望能够调用的所有函数；除了显式传递的参数之外，每个连续的链式调用还可以在内部堆栈上进行操作。

不是要继续打败 jQuery 的死马，而是理解我所说的最好方法之一就是开始挖掘 jQuery 核心源代码 并弄清楚链接是如何工作的。

Answer 2

定义一个对象来支持您想要的函数链接类型实际上非常简单：

getStuff = ->
  sort: ->
    # set @stuff...
    this
  grep: (str) ->
    # modify @stuff...
    this
  take: (num) ->
    @stuff[num]

这就是您制作 getstuff().sort.().grep('foo').take(5) 所需的全部内容工作。

Answer 3

您可以进行这些调用，而不必担心返回值具有适当的方法，如下所示：

take(5, grep("foo", sort(getstuff())));

但是，这并不能解决每个函数都需要传递对其有意义的数据的问题。即使 JavaScript 也没有那么狡猾。例如，您可以对图像调用 sort()，但没有有意义的方法来生成结果。

Answer 4

您可以通过返回一个特殊对象来执行类似的操作，该对象具有所有必需的方法，但可以用来代替最终值。例如，您可以返回一个包含所有这些方法的 Array 实例。

var getstuff = function () {
    obj = Array.apply(this, arguments);
    obj.take = function (n) {
        return this[n];
    };
    obj.grep = function (regexp) {
        return getstuff.apply(this, Array.prototype.filter.apply(this, [function (item) {
            return item.toString().search(regexp) !== -1;
        }]));
    };
    obj.splice = function () {
        return getstuff.apply(this, Array.prototype.splice.apply(this, arguments));
    }
    return obj;
}

// shows [-8, 1]
console.log(getstuff(3, 1, 2, 'b', -8).sort().grep(/\d+/).splice(0, 2));
// shows 3
var stuff = getstuff(3, 1, 2, 'b', -8).grep(/\d+/);
console.log(stuff.sort()[stuff.length]);

请注意，上面的实现并不是特别快，但它通过仍然保持全局 Allay 原型干净的方式返回具有特殊方法的数组，因此不会干扰其他代码。

您可以通过在 Array.prototype 上定义这些特殊方法来加快速度，但您应该小心...

或者，如果您的浏览器支持子类化 Array，那么您所需要的只是一个超类和一个方便的构造函数 getstuff()。