我如何实现像jQuery一样的链接模式呢?

时间:2013-09-18 01:46:51

标签: javascript function

如何创建jQuery使用的前缀?例如,在jQuery中我可以使用:

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

我想启用类似的语法,如下所示:

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

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

1 个答案:

答案 0 :(得分:7)

您有详细解释here

但正确的实施方式是显示:

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');

正如您所看到的,关键是在每个函数上返回对象本身

您可以看到live code at jsbin.com