~~~ // 真實項目中經常把一些變量的值拼接到指定的字符串中 // 完成字符串拼接處理：2020年03月03日 12:00:00 let year = '2020'; let month = '03'; let day = '03'; let hours = '12'; let minutes = '00'; let seconds = '00'; // ES6中的模板字符串就是為了解決傳統字符串拼接中的問題（反引號 TAB上面的撇）：${}中存放變量或者其它的JS表達式即可，很簡單的完成字符串拼接 let result = `${year}年${month}月${day}日 ${hours}:${minutes}:${seconds}`; console.log(result); //傳統的方式 let str='<div class="box" id="box">'; str+='<h2 class="title">哈哈</h2>'; str+='<ul class="item">'; str+='<li></li>'; // .... // es6 let str = `<div class="box" id="box"> <h2 class="title">哈哈</h2> <ul class="item"> ${[10,20,30].map(item=>{ return `<li>${item}</li>`; }).join('')} </ul> </div>`; console.log(str); // 傳統的拼接方式，我們需要在字符串中基于 "++" 或者 '++' 的方式把變量拼接到字符串中（這種方式涉及很多惡心的規則，一不留神就容易拼錯） let result = year + "年" + month + "月" + day + "日 " + hours + ":" + minutes + ":" + seconds; let result = "" + year + "年" + month + "月日 ::"; console.log(result); ~~~