如何制作链接方法但同时返回超过3个值

Question

你肯定看过 jquery。你知道 jquery 允许你像这样链接方法吗：

$('.elements').css({color:'red'}).etc().etc()...

但是，如果您注意到，该函数会返回一个对象数组（？）：

$(document).ready(function(){
  var $elements = $('.c').css({color:'red'});
  console.log($elements);
});

(Example, see console to see the result)

$ 函数也可以：

$(document).ready(function(){
  var $elements = $('.c');
  console.log($elements);
});

(Example, see console to see the result)

两者都返回一个数组，然后可以继续链接。这怎么可能？当它不只返回this（或对象本身）时，为什么可以继续链接？

我读了this post，他可以成功地添加加号，但那是对现有字符串的，因为他是字符串对象的原型。

有什么办法可以存档吗？

更新

我知道它返回一个 jquery 对象，但我如何才能返回包含值数组的对象并与返回的值保持链接。

更新 2

我要归档的内容

我有这个类，我想要一个方法在链接结束时返回我的对象​​数组

var elements = Enumerable(anArray).Where(function(elements){ return elements != 1 })

这里chainig已经结束，所以它必须返回满足条件的元素，但我想保留chaingin，我只需要这样做：

elements  = elements.Where(function(elements){ return elements == 1}).Take(3);

并根据我的需要继续链接。

Answer 1

$ 不返回一个数组，它返回一个jQuery object，它是一个类数组 对象。 IE。它的一些属性有数字名称，并且它有一个length 属性。

例子：

var obj = {
    0: element1,
    1: element2,
    find: function() {
        // some logic
        return this; // return a reference to itself for chaining
    },
    length: 2
};

现在，一个 jQuery 方法不返回 this，它返回一个新的 jQuery 对象，该对象公开了相同的接口（显然），因此允许链接。

如果您想自己实现链接，您必须这样做：返回 this 或对象的新实例，并使用当前对象拥有的数据对其进行初始化。

例子：

function Constr(data) {
    this.data = data || {};
}

Contr.prototype.chain = function() {
    // do stuff
    console.log(this.data);
    return new Constr(this.data);
    // or return this;
};

var obj = new Constr({foo: 'bar'});
obj.chain().chain().chain();

Answer 2

一个 jquery 对象实际上是一个 html 对象的集合，所以当一个函数返回一个 jquery 对象时，它实际上返回了多个元素。

var ChainableObject = {
    data: [],
    where: function(fn){
       //doStuff with this.data
       return this;
    },
    take: function(n){
       //doStuff with this.data
       return this;
    },
    // and so on
    //.........
}