模版字符串(template string)是增強版的字符串，定義一個模版字符串需要用到反引號

let s = `這是一個模版字符串`
console.log(s)

14.1.模版字符串的應用場景

在es5中,我們經常會遇到字符串拼接的情況，例如：輸入標題1-6

for(let i = 1; i <= 6; i++){
    document.write(‘<h‘+i+‘>標題‘+i+‘</h‘+i+‘>‘)
}

在es6中，支持模版字符串的寫法，我們可以寫成下面這種形式

for(let i = 1; i <= 6; i++){
    document.write(`<h${i}>標題${i}</h${i}>`)
}
 

模版字符串的好處就是可以使得拼接字符串非常的方便，例如：

let htmlStr = `
    <div id="dialog-wrap">
        <div class="dialog-title">
            <p class="title-text"></p>
        </div>
        <div class="dialog-content">
            <ul class="list-group"></ul>
        </div>
    </div>
`
document.body.innerHTML = htmlStr;
 

視頻教程地址：http://edu.nodeing.com/course/50

es6+最佳入門實踐(14)