ES6中超级好用的模板字符串

模板字符串

    let a = "hello world"
    let b = "test"
    let str = "我是'超人'"
    // 里外都是双引号
    let str = "我是\"超人\""
    // 模板字符串
    let str = `我是"超人"`
    // 可以换行
    let str = `我是
    超人`

可以方便的在插入html代码的时候使用

    <div class="container"></div>
    let container = document.querySelector(".container")
    let banana = "香蕉"
    let apple = "苹果"
    container.innerHTML = ` <ul>
                                <li>${banana}</li>
                                <li>${apple}</li>
                            </ul>
                          `
posted @ 2021-07-20 18:10  `Duet`  阅读(62)  评论(0编辑  收藏  举报