handlebars vs replace (v3)

Revision 3 of this benchmark created on October 13, 2014

Description

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.min.js"></script>
<script id="tpl" type="template/handlebars">
  Hello {{name}}!
</script>

Setup

var templateHTML = $('#tpl').html();
    var corrected = document.getElementById("tpl").innerHTML;
    var data = {name: 'Fer'};
    
    // Handlebars template function
    var templateHandlebars = Handlebars.compile(templateHTML);
    
    // Replace based templating
    function templateReplace(tmpl, vals) {
                var rgxp, repr, noEscapeRgxp;
    
                // default to doing no harm
                tmpl = tmpl || '';
                vals = vals || {};
    
                // regular expression for matching our placeholders; e.g., #{my-cLaSs_name77}
                rgxp = /#\{([^{}]*)}/g;
                // regex for text (markup) that should not be escaped; e..g., #{{html_content}}
                noEscapeRgxp = /#\{{([^{}]*)}}/g;
    
                // function to making replacements
                repr = function (str, match) {
                    var value = vals[match];
                    return (typeof value === 'string' || typeof value === 'number') ? htmlEncode(value) : str;
                };
    
                // non-escaped text (HTML)
                noEscapeRepr = function (str, match) {
                    var value = vals[match];
                    return (typeof value === 'string' || typeof value === 'number') ? value : str;
                };
    
                return tmpl.replace(rgxp, repr).replace(noEscapeRgxp, noEscapeRepr);
    }

Test runner

var result = templateReplace(corrected, data);

var result = templateHandlebars(data);

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

• Revision 1: published on June 25, 2013
• Revision 2: published by xep on June 25, 2013
• Revision 3: published on October 13, 2014