Three dimensional objects in JavaScript

Question

I'm trying to create three dimensional objects in JavaScript. I want to be able to run something like this:

object1().object2().object3();

but i don't want "object3()" to be able to be accessed like this:

object1().object3();

When i tried this:

function object1(){
    alert("object 1");
    function object2(){
        alert("object 2");
        function object3(){
            alert("object 3");
        }
    }
}

It runs the first alert, but then chrome gives me this error:

TypeError: Object #<object1> has no method 'object2'

and when i tried this:

function object1(){
    alert("object 1");
    this.object2 = function(){
        alert("object 2");
        this.object3 = function(){
            alert("object 3");
        }
    }
}

it runs the first two and then chrome gives me this error:

TypeError: Cannot call method 'object3' of undefined

Adrian · Accepted Answer · 2013-04-02 15:28:41Z

4

To do method call chaining, you need to return a reference to this:

function object1(){
    alert("object 1");
    this.object2 = function(){
        alert("object 2");
        this.object3 = function(){
            alert("object 3");
        }
        return this;
    }
    return this;
}

(Working) Fiddle here: http://jsfiddle.net/MmJjR/

(As a side note, this is not a "three dimensional object". Objects aren't like arrays. These are nested objects, wherein each has a reference to the next "child" object. It was easy to understand what you meant, just thought I'd toss a terminology tip out there.)

edited Apr 2, 2013 at 15:28

answered Apr 2, 2013 at 15:10

Adrian

47.2k6 gold badges121 silver badges110 bronze badges

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

Comments

StuR · Accepted Answer · 2013-04-02 15:11:33Z

1

object1 = function(){
    console.log("object 1");
    this.object2 = function(){
        console.log("object 2");
        this.object3 = function(){
            console.log("object 3");
        }
        return this;
    }
    return this;
}

object1().object2().object3()

Maybe something like this?

http://jsfiddle.net/rd13/T2EG2/

answered Apr 2, 2013 at 15:11

StuR

12.3k9 gold badges47 silver badges66 bronze badges

Collectives™ on Stack Overflow

Three dimensional objects in JavaScript

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