Question

So I think the best way for me to keep my code is to call a function with a dynamic name. For example, I might need to call “productTemplate”, “userTemplate”, “orderTemplate”, etc…

Is this possible with javascript/jquery? Also, is it a performance hit or not so much?

Answer 1

How about storing those functions under an object? You could probably call those function names dynamically by using eval or accessing them with window[type + 'Template'], but the object implementation seems easier and cleaner.

var templates = {};
templates.order = function (order) { /* ... */ }
templates.product = function (product) { /* ... */ }
templates.user = function (user) { /* ... */ }

my_element.innerHTML = templates.user(my_user);

(Also, the jQuery Templates plugin created by Microsoft might help with what you’re particularly trying to do. It’s so good that it’s gonna be built right into jQuery 1.5, dontchaknow.)