// 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.第二个参数:插值组成的数组