Javascript method chain

Question

I have been trying to find a way to chain these methods together in a similar way to jQuery. here is an example of what I mean:

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

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

foo('input').alert();

So as you can see, I would like to use the object that was passed into the class as part of the alert function, but I do not want to store it in the class via this.object = id, and then do alert( this.object.value );

What would be an elegant way to go about this?

maybe you should read this : docs.jquery.com/Plugins/Authoring :) — Ya Zhuang
– Ya Zhuang, Commented Oct 20, 2011 at 4:17

kojiro · Accepted Answer · 2011-10-20 04:12:14Z

4

jQuery only chains by returning the same jQuery object from many of its methods. Your method doesn't always return a value, so it won't chain reliably. If you always have it return a value of the same type, chaining may begin to make sense.

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

answered Oct 20, 2011 at 4:12

kojiro

77.8k20 gold badges151 silver badges217 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

gilly3 · Accepted Answer · 2011-10-20 18:45:42Z

-1

You don't need to store a reference in the object, because you already have it as id.

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

edited Oct 20, 2011 at 18:45

answered Oct 20, 2011 at 4:13

gilly3

92.7k26 gold badges148 silver badges179 bronze badges

Collectives™ on Stack Overflow

Javascript method chain

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related