SOURCE

const datas = [
    {
        name: "呜人",
        image: "",
    },
    {
        name: "呜人",
        image: "",
    },
    {
        name: "呜人",
        image: "",
    }];
document.body.innerHTML =
    `<ul style=${`text-align: center;`}>
<li><h1>${datas[0].name}</h1><img src='${datas[0].image}'/></li>
<li><h1>${datas[1].name}</h1><img src='${datas[1].image}' /></li>
<li><h1>${datas[datas.length - 1].name}</h1s<img src='${datas[2].image}'/></li>
</ul> `

//标签模板 标签就是一个函数

const name = '蛋老师', action = '点赞，收藏和投币';
const tag = (arr, ...placeholder) =>
    arr.reduce((prev, cur, i) =>
        prev + '<span class="addColor">${placeholder[i-1]}</span>' + cur
    );
const result = tag`感谢关注${name}，记得${action}哈! `; 
console.log(result);
document.body.innerHTML = result;