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