ES6模板字符串的用法

es6模板字符串使用反引号``即键盘数字键左边的键进行字符串拼接,其中可以使用${Expression}来插入表达式并进行解析,多用于拼接字符串时传递变量数据,比传统使用’++'拼接更方便。
例子:

$(function () {
   let data=[
       {name:'小明',sex:'男',age:18},
       {name:'小红',sex:'女',age:17},
       {name:'小强',sex:'男',age:20}
       ]
    var html='<ul></ul>';
    /*for(let i=0;i<data.length;i++){
        html+=`<li>姓名:${data[i].name},性别:${data[i].sex},年龄:${data[i].age}</li>`;
    }*/
    data.forEach(function (item,i) {
        html+=`<li>姓名:${item.name},性别:${item.sex},年龄:${item.age}</li>`;
    })
    $("#container").html(html);
});
<div id="container"></div>

相关文章

原文连接:https://www.cnblogs.com/dupd/p/5951311.htmlES6...
以为Es6,javascript第一次支持了module。ES6的模块化分为导...
视频讲解关于异步处理,ES5的回调使我们陷入地狱,ES6的Prom...
TypeScript什么是TypeScript?TypeScript是由微软开发的一款开...
export class AppComponent { title = 'Tour of heroes...
用 async/await 来处理异步昨天看了一篇vue的教程,作者用as...