Javascript variable declared as code and reuse

Question

I have a jquery enabled javascript app that has a variable that is declared as a substantial hunk of code.

var Listings = Spine.Controller.sub({
    TPL: Handlebars.compile( $( '#entry-template' ).html() ),
    events: //stuff
    init: function() //stuff

    //a whole bunch of functions
});

I want to pull this hunk of code into a separate file (as it is about 300 lines long) and load it with jquery. However more importantly, I want to be able to use this code for two variables without resorting to copy-pasting.

Niet the Dark Absol · Accepted Answer · 2013-12-11 16:44:26Z

2

Change your code to this:

function giveMeAName() {
    return Spine.Controller.sub({
        // massive code here
    });
}

Then you can include that file via jQuery as you would normally. After including, do this:

var Listings = giveMeAName();
var SomethingElse = giveMeAName();

You can also pass parameters, if the two uses of the code differ slightly.

answered Dec 11, 2013 at 16:44

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

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

4 Comments

vinczemarton Over a year ago

My answer would have been the same if you weren't this fast. Have my upvote.

Niet the Dark Absol Over a year ago

Sorry, @SoonDead, but I am known as The Sniper in some places ;)

Alex Boutin Flegel Over a year ago

This is what I tried before posting (I'm going to assume my load script is the issue now) because the function is undefined. $.getScript('filename.js');

Niet the Dark Absol Over a year ago

Anything that relies on the result of an asynchronous function like getScript MUST be inside the success callback of that function.

Collectives™ on Stack Overflow

Javascript variable declared as code and reuse

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related