拼接：反引號（`）

$('#ulList').html(`<ul><li>浙江</li><li>杭州</li></ul> `);

變量：用${ }

$('#ulList').html(`<ul><li>${data.province}</li><li>${data.city}</li></ul> `); let x = 1; let y = 2;`${x} + ${y} = ${x + y}` // "1 + 2 = 3"`${x} + ${y * 2} = ${x + y * 2}` // "1 + 4 = 5"let obj = {x: 1, y: 2}; `${obj.x + obj.y}` // "3"//調用函數 function fn() {return "大連"; }`I come from ${ fn() }` //I come from 大連

循環

let template = ` <ul><% for(let i=0; i < data.supplies.length; i++) { %><li><%= data.supplies[i] %></li><% } %> </ul> `;

函數

let script = `(function parse(data){let output = "";function echo(html){output += html;}${ template }return output; })`;return script;

?

總結

以上是生活随笔為你收集整理的JS的ES6模板字符串（拼接、变量、循环、函数）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。