＜第三天学习＞模板字面量和标签函数

     //   let name = "猴子们";
      //   let str = "Hello"  name;
      //   console.log(str);
      //   输出：Hello name      
      
      //   let str = `Hello ${name}`;
      //   console.log(str);
      //   输出：Hello 猴子们

模板字面量

将表达式/插值嵌入到字符串

 // -----------------0-------1------2
      let menus = ["首页", "视频", "文章"];
      let htmlstr = `
      <nav>
      <a href="">${menus[0]}</a>
      <a href="">${menus[1]}</a>
      <a href="">${menus[2]}</a>
      </nav>
      `;
      console.log(htmlstr);
//  输出
      <nav>
            <a href="">首页</a>
            <a href="">视频</a>
            <a href="">文章</ a>
     </nav>  

模板字面量内部有二部分组成:字符串字面量,变量插值
如最上面为例
Hello 为字面量；
${name} 为变量插值。

标签函数

自定义模板字面量的一些行为

     let hello = (name) => alert(name);// 警示弹窗
      hello("天蓬老师");//（两个一样）
      hello`天蓬老师`;//（两个一样）

参数约定

  // 1.第一个参数：所有字符串字面量组成的数组
  // 2.第二个参数：插值组成的数组