What is the difference between templates and design patterns in JavaScript?

I read about the template method design pattern and now I wonder how it relates to JavaScript templates (if at all).

  • Your question is incredibly unclear. Also this has nothing to do with php, please remove that tag. – Chris Eberle Sep 8 '11 at 19:40
  • 1
    "Suggest some of them" Yessir! – Jose Faeti Sep 8 '11 at 19:54
  • @Jose - that was a word for word copying from a test or homework assignment, thus the imperative wording – DVK Sep 8 '11 at 20:21

Templates (in the Javascript world) are a method to display Javascript (model) data in an HTML (or other) view.

Design patterns are known (and battle tested) methods of solving common problems.

Really, Javascript templates could be construed as a design pattern (depending on who you ask ;)).


Design patterns are used to solve commonly encountered problems related to software design. Once you know how to solve a particular problem, when that problem presents again you can reuse the same approach you used before, the same pattern.

Patterns are not related to JavaScript only, but to every language.

The JavaScript Templates you are referring about may be a technique used to generate data in the document, originally called Micro-templating by the inventor, John Resig (jQuery).

Here's an article to better understand them.

And here's one for applying common design patterns in JS.

  • Thanks for your reply. please suggest some javascript templates – Swathi Sep 9 '11 at 6:42
  • Embeddedjs is a library to help you with templates. And TrimPath is an example of JS template. – Jose Faeti Sep 9 '11 at 6:51

Your Answer

