~~~ // 真实项目中经常把一些变量的值拼接到指定的字符串中 // 完成字符串拼接处理：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); ~~~