1、字符串需要用一對反引號( ` )包裹起來 ,它可以定義多行字符串，只用一對反引號
2讨彼、要拼進(jìn)去的數(shù)據(jù)需要放在${}里面
3、大括號里面可以進(jìn)行運(yùn)算
4兄淫、大括號里面可以調(diào)用函數(shù)
<body>
<!-- 字符串模板的使用 -->
<article id="article">
<h1></h1>
<p></p>
</article>
</body>
<script type="text/javascript">
'use strict'//嚴(yán)格模式
let obj = {
title:"字符串模板拼接",
content:"這里告訴你如何進(jìn)行字符串模板拼接"
}
let articleElement = document.getElementById('article');
// 以前添加內(nèi)容的方式，innerHTML字符串拼接
articleElement.innerHTML = "<h1>"+obj.title+"</h1><p>"+obj.content+"</p>";
// 使用ES6字符串模板拼接蔓姚，可以換行
/articleElement.innerHTML = `<h1>${obj.title}</h1>
<p>${obj.content}</p>`
function fn(){
return "帶函數(shù)的"
}
articleElement.innerHTML = `<h1>${fn()+obj.title}</h1>
<p>${obj.content}</p>`