模拟页面模板引擎

目标：将带有模板符号的html经过f()函数之后输出普通html

exec()函数 用于检索字符串中的正则表达式的匹配

返回一个数组，其中存放匹配的结果

此数组的第 0 个元素是与正则表达式相匹配的文本，第 1 个元素是与 RegExpObject 的第 1 个子表达式相匹配的文本（如果有的话），第 2 个元素是与 RegExpObject 的第 2 个子表达式相匹配的文本（如果有的话），以此类推。除了数组元素和 length 属性之外，exec() 方法还返回两个属性。index 属性声明的是匹配文本的第一个字符的位置

var TemplateEngine = function(tpl,data){
	var re = /<%([^%>]+)?%>/g;//匹配<%..%>
	var pan =  /(^( )?(if|for|else|switch|case|break|{|}))(.*)?/g;//匹配<%..%>内的语句
	var code = 'var arr=[];\n';
	var cursor=0;//指针
	//添加的内容的双引号转义
	var add = function(line,js){
	js?(code += pan.test(line)?line+'\n':'arr.push('+line+');\n'):
	code += 'arr.push("'+line.replace(/"/g,'\\"')+'");\n';
	}
	while(match = re.exec(tpl)){
	add(tpl.slice(cursor,match.index),0);
	add(match[1],1);
	cursor=match.index+match[0].length;
	}
	add(tpl.slice(cursor,tpl.length));
	code += 'return arr.join("");';
	//转换数据
	return new Function(code).apply(data);
	}

主要的思想就是正则表达式匹配模板符号取出内容，转换成data的数据。

核心是new Function()可以执行js字符串