JavaScript 方法链

Question

我一直在尝试找到一种方法，以类似于 jQuery 的方式将这些方法链接在一起。这是我的意思的一个例子：

(function() {
    window.foo = function foo( id ) {
        if( window == this )
            return new foo( document.getElementById( id ) );

        this.alert = function() {
            alert( object.value ); 
        }
    }
}());

foo('input').alert();

所以正如你所看到的，我想使用作为警报函数的一部分传递到类中的对象，但我不想通过 将其存储在类中this.object = id，然后执行 alert( this.object.value );

什么是解决此问题的优雅方法？

Answer 1

jQuery 仅通过从其许多方法返回相同的 jQuery 对象来进行链接。您的方法并不总是返回值，因此它不会可靠地链接。如果您始终让它返回相同类型的值，则链接可能开始有意义。

window.foo = function foo( id ) {
    if( window === this )
        return new foo( document.getElementById( id ) );
    this.alert = function() {
        if (this.value) alert( this.value ); 
    }
    return this;
}

foo('input').alert();

Answer 2

您不需要在对象中存储引用，因为您已经将其作为id。

this.alert = function() {
    alert(id.value);
    return this;
}