How do I properly store a javascript template, so that it isn't instantiated multiple times

Question

I\'m using Backbone and therefore Underscore to render my templates. My templates get rendered in

Answer 1

You could store the compiled template in a closure so that only the instances of ItemView can access it:

(function() {

    var template;

    App.ItemView = Backbone.View.extend({

        className:'well',

        events: {
            'click .continue': 'handleContinueClick'
        },

        initialize: function() {
            this.render();
        },

        render: function() {
            template = template || _.template($("#ItemTemplate").html());
            $(this.el).html(template({model:this.model}));
        },

        handleContinueClick: function(e) {
            alert('Clicked!');
        }

    });

})();