模板字符串，模板引擎的内部循环、模板引擎及其应用

模板字符串

1.在ES5版本之前，拼接字符串很麻烦

 var stu = {
           name : "lisa",
           age :20,
           place : "湖北武汉",
           grade : 9
       }

document.querySelector(“p”).innerHTML = “我叫” + stu.name + “我现在” + stu.age + “岁，我在” + stu.place + “上学,现在读” + stu.grade + “年级”;
这种写法十分繁琐，而且很长，一不小心就会写错写漏，并且只能一行显示，如果分割不慎，就会报错
因此，模板字符串诞生了，它解决了这个问题，让代码简洁明了

模板字符串：它的内容都写在反引号 (** **)里面，然后变量放在$()里面
例如：

document.querySelector("p").innerHTML = `我 叫${stu.name},我今年${stu.age}岁,我住在${stu.place}`;

模板字符串可以放任何表达式，也可以进行运算

 function age (num) {
            return num - 1;
        }

document.querySelector("p").in