常用的标签模板

帅癌病患者

于 2021-03-10 21:39:29 发布

阅读量168

点赞数

分类专栏： JavaScript笔记文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_51664705/article/details/114629387

版权

JavaScript笔记专栏收录该内容

50 篇文章

订阅专栏

本文深入探讨JavaScript中的标签模板，介绍其工作原理、应用场景和最佳实践，帮助开发者更好地理解和使用这一特性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script>
        let lessons = [
            {title:"123",author:"321"},
            {title:"zxc",author:"cxz"},
            {title:"qwer",author:"rewq"}
        ]
        function template(){
            return `<ul>
            ${lessons
                .map(
                    item=>links`<li>作者${item.author},课程:${item.title}
                    <li>`
                )
                .join("")}
           </ul> `
        }
        function links(strings, ...vars){
            return strings
                .map((str,key)=>{
                   return str + (vars[key] ? vars[key].replace("123",`<a href="https://www.baidu.com">123</a>`):"");
                })
                .join(" ");
        }
        document.body.innerHTML += template();

在这里插入图片描述