javascript - 如何实现像 jQuery 那样的链式模式？

Question

如何创建一个 jQuery 使用的前缀？例如，在 jQuery 中，我可以使用：

$(".footer").css('display', 'none');

我想启用类似的语法，如下所示：

google('.footer').chrome('display', 'none');

我在谷歌上搜索了答案，但找不到。

Answer 1

你在这里有详细的解释

但正确的实施方式如下所示：

var google = function(valor){
    var lalala = '3';

    this.chrome = function(valor){
        console.log(lalala + ' ' + valor);
        return this;
    }

    this.firefox = function(valor){
        console.log(lalala + ' ' + valor);
        return this;
    }

    console.log(valor);

    return this;
};

console.log('first call');
google('testando').chrome('stack');

console.log('second call');
google('testando').chrome('stack').firefox('test');

如您所见，关键是在每个函数上返回对象本身。

您可以在 jsbin.com 上查看实时代码