Test name | Executions per second |
---|---|
Template String | 54452.6 Ops/sec |
Template Function | 815799808.0 Ops/sec |
var placeHolderElem = document.createElement('div');
placeHolderElem.id = "PlaceHolder";
document.body.append(placeHolderElem);
var placeHolder = document.querySelector('#PlaceHolder');
var isEnabled = true;
var itemList = [1, 2, 3, 4];
const subTemplate = (item) => `<li>${item}</li>`;
const template = `<div class="container">
${isEnabled ? 'Enabled' : 'Disabled'}
<ul>${itemList.map(subTemplate).join('')}</ul>
</div>`;
placeHolder.innerHTML = template;
const templateFunction = function (obj) {
obj || (obj = {});
var __t, __p = '', __j = Array.prototype.join;
function print() { __p += __j.call(arguments, '') }
with (obj) {
__p += '<div class="container">\r\n ' +
((__t = (isEnabled ? 'Enabled' : 'Disabled')) == null ? '' : __t) +
'\r\n <ul>\r\n ';
itemList.forEach((item) => {
;
__p += '\r\n <li>' +
((__t = (item)) == null ? '' : __t) +
'</li>\r\n ';
});
__p += '\r\n </ul>\r\n</div>';
}
return __p;
}