ES6语法实现模板编译

ES6语法实现模板编译

基础字符串模板

var template = `
<ul>
  <% for(var i=0; i < data.supplies.length; i++) { %>
    <li><%= data.supplies[i] %></li>
  <% } %>
</ul>
`;

思路：怎么编译这个模板字符串呢？根本原理可以用ES5语法的循环拼接字符串，这里设置这个循环拼接函数为echo()
将其转换为JavaScript表达式字符串

echo('<ul>');