如何在JavaScript中创建可链接的函数？

Question

让我们想象这样的功能:

function foo(x) {
    x += '+';
    return x;
}

使用它将是:

var x, y;
x = 'Notepad';
y = foo(x);
console.log(y); // Prints 'Notepad+'.

我正在寻找一种方法来创建可与其他功能链接的功能.

想象一下用法:

var x, y;
x = 'Notepad';
y = x.foo().foo().toUpperCase(); // Prints 'NOTEPAD++'.
console.log(y);

我该怎么做？

Answer 1

当然,诀窍是在完成修改后返回对象:

String.prototype.foo = function() {
    return this + "+";
}

var str = "Notepad";
console.log(str.foo().foo().toUpperCase());

为了使方法可用String,我正在修改它的原型.但是请注意不要这样做Object,因为它可能会在枚举其属性时导致问题.

在添加它之前至少检查本机类型的属性是个好主意,即`if(!(String.prototype中的'foo')){String.prototype.foo = function(){...}} ` (3认同)

Answer 2

如果我没记错的话,你可以使用"this"作为函数的上下文(它所属的对象)并返回它以使函数可链接.换一种说法:

var obj = 
{
    f1: function() { ...do something...; return this;},
    f2: function() { ...do something...; return this;}
}

然后你就可以把这些电话联系起来 obj.f1().f2()

请记住,通过调用obj.f1().toUpperCase(),你将无法实现你所期望的 - 它将执行f1(),返回"this"并尝试调用obj.toUpperCase().